Atenção 1: No vídeo eu comento sobre o código estar na próxima aula, porém o código é o listado abaixo.

Atenção 2:

Ao copiar e colar os códigos nos respectivos campos do Google Tag Manager, certifique-se de que nenhum caracter foi substituído e certifique-se de que a quebra de linhas está correta. Na dúvida, assista a aula novamente.


Código para Tag Youtube Listener:


<script type="text/javascript">
  var slice = 25/100;
  var lastP;
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  
  $.each($('iframe[src*="youtube.com/embed"]'),function(i,v){
    if(!$(v).attr('src').match(/enablejsapi=1/)){
      var api = 'enablejsapi=1';
      if($(v).attr('src').match(/\?/)){
        $(v).attr('src',$(v).attr('src')+'&'+api);
      }else{
        $(v).attr('src',$(v).attr('src')+'?'+api);
      }
    }
  });
  
  var players = [];
  function onYouTubeIframeAPIReady() {
    $.each($('iframe[src*="youtube.com/embed"]'),function(i,v){
      var player = new YT.Player($(v)[0],{
        events: {
          'onStateChange': ytPlayerChange,
          'onError': ytPlayerError
        }
      });
      players.push(player);
    });
  }
  
  function ytPlayerChange(e){
    if(e.target.getPlayerState() == YT.PlayerState.PLAYING){
      setTimeout(ytPlayerWatched,1000,e);
      var video = e.target.getVideoUrl().match(/(v=|\/embed\/)([^&]+)/)[2];
      if(e.target.getVideoData().title) video = e.target.getVideoData().title;
      dataLayer.push({
        'event': 'youtube',
        'ytAction': 'play',
        'ytLabel': video
      });
    }
    if(e.target.getPlayerState() == YT.PlayerState.PAUSED){
      var video = e.target.getVideoUrl().match(/(v=|\/embed\/)([^&]+)/)[2];
      if(e.target.getVideoData().title) video = e.target.getVideoData().title;
      dataLayer.push({
        'event': 'youtube',
        'ytAction': 'pause',
        'ytLabel': video
      });
    }
  }
  
  function ytPlayerWatched(e){
    if(e.target.getPlayerState() == YT.PlayerState.PLAYING){
      var percent = Math.floor((e.target.getCurrentTime() / e.target.getDuration())*100);
      if((percent % Math.floor(slice*100))==0){
        if(typeof(lastP)=='undefined'){
          lastP = percent;
          var video = e.target.getVideoUrl().match(/(v=|\/embed\/)([^&]+)/)[2];
          if(e.target.getVideoData().title) video = e.target.getVideoData().title;
          dataLayer.push({
            'event': 'youtube',
            'ytAction': percent+'%',
            'ytLabel': video
          });
        }else{
          if(typeof(lastP)=='number'){
            if(lastP!=percent){
              lastP = percent;
              var video = e.target.getVideoUrl().match(/(v=|\/embed\/)([^&]+)/)[2];
              if(e.target.getVideoData().title) video = e.target.getVideoData().title;
              dataLayer.push({
                'event': 'youtube',
                'ytAction': percent+'%',
                'ytLabel': video
              });
            }
          }
        }
      }
      if(Math.floor(e.target.getCurrentTime()) == (Math.floor(e.target.getDuration())-1) && lastP!=100){
        var video = e.target.getVideoUrl().match(/(v=|\/embed\/)([^&]+)/)[2];
        if(e.target.getVideoData().title) video = e.target.getVideoData().title;
        lastP = 100;
        dataLayer.push({
          'event': 'youtube',
          'ytAction': '100%',
          'ytLabel': video
        });
      }
      setTimeout(ytPlayerWatched,1000,e);
    }
  }
  function ytPlayerError(e){
    var video = 'erro '+e.data+':';
    video += ' '+e.target.getVideoUrl().match(/(v=|\/embed\/)([^&]+)/)[2];
    if(e.target.getVideoData().title) video += ' '+e.target.getVideoData().title;
    dataLayer.push({
      'event': 'youtube',
      'ytAction': 'error',
      'ytLabel': video
    });
  }
</script>




Código para Variable Youtube Presence:

// Return "true" if there is at least one Youtube video on the page
function () {
for (var e = document.getElementsByTagName('iframe'), x = e.length; x--;)
if (/youtube.com\/embed/.test(e[x].src)) return true;
return false;
}