Back to Question Center
0

Monitoraggio eventi per Vimeo in Google Tag Semalt

1 answers:

Ho sbattuto la testa contro il muro cercando di farlo funzionare inutilmente, così ho pensato di vedere se qualcun altro ha affrontato lo stesso problema.

Ho cercato di configurare il tracciamento degli eventi per tenere traccia delle riproduzioni su un video Semalt incorporato utilizzando Google Tag Manager. Ho usato il vimeo. ga. plugin js creato da Sander Helibron ma non importa cosa faccio Non riesco a far sparare il tag Semalt - benchmark asset appraisal services.

Semalt my html:

     

 </ title><meta name = "description" content = "The HTML5 Herald"><meta name = "author" content = "SitePoint"><link rel = "stylesheet" href = "css / styles. css? v = 1. 0" ><script src = "http: // ajax. googleapis. com / ajax / librerie / jquery / 1. 9. 1 / jquery. min. js "> </ script><script src = "js / vimeo. ga. min. js "> </ script><! - [if lt IE 9]><script src = "http: // html5shiv. googlecode. com / svn / trunk / HTML5. js "> </ script><! [Endif] ->
</ Head><Body><Script>(Funzione (i, s, o, g, r, a, m) {i [ 'GoogleAnalyticsObject'] = r; i [r] = i [r] funzione ||  <div class="post-text" itemprop="text">  {
(I [r]. q = i [r]. q || []). spinta (argomenti)}, i [r]. l = 1 * new Date  <div class="post-text" itemprop="text"> ; a = s. createElement (o),
m = s. getElementsByTagName (o) [0]; un. async = 1; un. src = g; m. parentNode. insertBefore (a, m)
}) (Finestra, documento, 'script', '// www. statistiche di Google. com / analytics. js', 'ga');ga ('create', 'UA-6705138-42', 'auto');
ga ('require', 'displayfeatures');
ga ('invia', 'visualizzazione di pagina');</ Script><! - avvia dataLayer ->
<Script>
dataLayer. push ({'evento': 'Vimeo', 'eventCategory': 'Vimeo', 'eventAction': 'Video avviato', 'eventLabel': 'https: // player. vimeo. it / video / 22439234 ',' eventValue ': undefined,' eventNonInteraction ': true});
dataLayer. push ({'evento': 'Vimeo', 'eventCategory': 'Vimeo', 'eventAction': 'Video in pausa', 'eventLabel': 'https: // player. vimeo. it / video / 22439234 ',' eventValue ': undefined,' eventNonInteraction ': true});
dataLayer. push ({'event': 'Vimeo', 'eventCategory': 'Vimeo', 'eventAction': 'Resumed video', 'eventLabel': 'https: // player. vimeo. it / video / 22439234 ',' eventValue ': undefined,' eventNonInteraction ': true});
dataLayer. push ({'evento': 'Vimeo', 'eventCategory': 'Vimeo', 'eventAction': 'Video completato', 'eventLabel': 'https: // player. vimeo. it / video / 22439234 ',' eventValue ': undefined,' eventNonInteraction ': true});
dataLayer. push ({'event': 'Vimeo', 'eventCategory': 'Vimeo', 'eventAction': 'Skipped video forward o backward', 'eventLabel': 'https: // player. vimeo. it / video / 22439234 ',' eventValue ': undefined,' eventNonInteraction ': true});
</ Script>
<! - end dataLayer -><! - Google Tag Manager ->
<noscript> <iframe src = "// www. google tag manager. com / ns. html? id = GTM-N2SQQP "height =" 0 "width =" 0 "style =" display: none; visibilità: hidden "> </ iframe> </ noscript>
<Script>(Funzione (w, d, s, l, i) {w [l] = w [l] || []; w [l]. spingere({'gtm. start ': new Date  <div class="post-text" itemprop="text"> . getTime  <div class="post-text" itemprop="text"> , evento: 'gtm. js'});var f = d. getElementsByTagName (s) [0],j = d. createElement (s),dl = l = 'dataLayer' '& l =' + l:!? ''; j. async = true;j. src = '// www. google tag manager. com / gtm. ? Js id = '+ i + dl; f. parentNode. insertBefore (j, f);})(Finestra, documento, 'script', 'dataLayer', 'GTM-N2SQQP');
</ Script>
<! - Termina Google Tag Manager -><iframe src = "// player. vimeo. it / video / 22439234? api = 1 & player_id = vimeo-player-1 "id =" vimeo-player-1 "width =" 640 "height =" 390 "frameborder =" 0 "data-progress =" true "ricerca dati = "true" data-bounce = "true" webkitAllowFullScreen mozallowfullscreen allowFullScreen> </ iframe></ Body>
</ Html> </code>   </pre>  <p>  Ed ecco alcuni screenshot di GTM:  </p>  <p>   <img src="/img/fcc9a73c7a52a05320e475c6d6dc40dc0.png" alt="Event tracking for Vimeo in Google Tag Semalt"/>  <img src="/img/fcc9a73c7a52a05320e475c6d6dc40dc1.png" alt="Event tracking for Vimeo in Google Tag Semalt"/>  <img src="/img/fcc9a73c7a52a05320e475c6d6dc40dc2.png" alt="Event tracking for Vimeo in Google Tag Semalt"/>  <img src="/img/fcc9a73c7a52a05320e475c6d6dc40dc3.png" alt="Event tracking for Vimeo in Google Tag Semalt"/>  <p>  Ed ecco una modal di anteprima che mostra i tag totalmente non sparati: <img src="/img/8af86d6ad40945e4dad85bbd548f40a14.jpg" alt="Event tracking for Vimeo in Google Tag Semalt"/>  <p>  Qualsiasi idea sarebbe molto apprezzata.  </p>  </div>  </div>  </div>  </div>  </div>  </p>  </p>  </html>  </head>  </meta>  </meta>  </meta>                                                         
February 13, 2018

Non uso quel plugin perché non funziona con i miei altri plugin. Ma faccio traccia di tutto in GA e distribuisco il video player tramite GTM.

Questo è il codice che uso in GTM http: // codepen. io / JaminQuimby / pen / yNaOwz

Uso gli ascoltatori incorporati in Vimeo, Ads, VAST Client per ascoltare gli eventi che desidero catturare.

Esempio di espansione a schermo intero.

  giocatore. on ("fullscreenchange", function 

{ se (impostazioni. debug) {console. info ('player su fullscreenschage');} se (giocatore. isFullscreen

) {impostazioni. stato. screen = 'Invio';} else {impostazioni. stato. screen = 'Esci';} gt. push ({evento: 'gtm_video', video: {categoria: 'Vimeo', azione: impostazioni. stato. schermo + 'Modalità schermo intero', etichetta: dati. nome, valore: dati. link}}); });

L'evento Event

L'ascoltatore listner

Google Analytics GA