Hoje é uma dica rápida! Se você trabalha com marketing digital, sabe o quanto uma página com carregamento rápido influencia na sua conversão.
Sei, mas qual o problema entĂŁo?
Quando usamos o código embed do Youtube ou Vimeo em nossas landing pages, a performance cai muito, ocasionando perda de tráfego ( muitos leads não esperam mais que 2 segundos para aparecer alguma coisa em seu navegador)
Direto ao ponto
1 – Substitua o cĂłdigo padrĂŁo do Youtube, pelo cĂłdigo abaixo: (troque o tĂtulo e o id do vĂdeo)
<iframe
data-src="https://www.youtube.com/embed/IDdoSEUVideo"
srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:25px/1.5 sans-serif;color:black;text-shadow:0 0 0.5em black}</style><a href=https://www.youtube.com/embed/IDdoSEUVideo?autoplay=1><img src=https://img.youtube.com/vi/IDdoSEUVideo/hqdefault.jpg alt='TĂtulo do Video'><span></span></a>"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen
title="TĂtulo do Video"
></iframe>
2 – Insira esse pequeno script javascript:
<script>
function init() {
var vidDefer = document.getElementsByTagName('iframe');
for (var i=0; i<vidDefer.length; i++) {
if(vidDefer[i].getAttribute('data-src')) {
vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
} } } window.onload = init;
</script>
Pronto, com essas alterações, vocĂŞ certamente terá uma melhora incrĂvel no tempo de load.
Faça a medição no site GTMetrix e compare!
The post [Marketing Digital] Como otimizar sua landing page usando player do Youtube 🚀 appeared first on JCMaciel.com.
Top comments (0)