2015-05-20 227 views
0

我想使用Google跟蹤代碼管理器跟蹤VideoJS。由於我對GTM相當陌生,因此我不知道如何繼續。我只做了一些基本的東西,如使用教程跟蹤郵件鏈接和PDF下載。使用Google跟蹤代碼管理器跟蹤VideoJS

我在Github上找到一個名爲videojs-ga的項目,看起來很有前途,現在我該如何正確連接並在GTM中進行設置?理想情況下,我們最終會跟蹤播放次數以及觀看視頻的時間。由於任何時候在單個頁面上只有一個視頻,因此無需每個頁面跟蹤多個視頻。

此外,如果有更好的方式跟蹤GTJ的VideoJS我願意提供建議!

回答

0

我建議你從該存儲庫中的代碼創建一個分支/從src下載該文件並在本地進行更改。在線路104的地方說:

sendbeacon = function(action, nonInteraction, value) { 
     if (window.ga) { 
     ga('send', 'event', { 
      'eventCategory': eventCategory, 
      'eventAction': action, 
      'eventLabel': eventLabel, 
      'eventValue': value, 
      'nonInteraction': nonInteraction 
     }); 
     } else if (window._gaq) { 
     _gaq.push(['_trackEvent', eventCategory, action, eventLabel, value, nonInteraction]); 
     } else if (options.debug) { 
     console.log("Google Analytics not detected"); 
     } 
    }; 

更換sendbeacton函數對象中的東西,以下列方式:

sendbeacon = function(action, nonInteraction, value) { 
    dataLayer.push(
      'eventCategory': eventCategory, 
      'eventAction': action, 
      'eventLabel': eventLabel, 
      'event' : 'videojs'      
    ); 
}; 

(請確保您的數據層變量您的GTM代碼之前宣佈的地方)。創建一個腳本標記,將修改後的腳本鏈接到我們的頁面。

然後分別從eventCategory,eventAction和eventLabel創建「dataLayer」類型的三個變量,分別讀取它們的值。設置Google Analytics代碼並將其配置爲進行事件跟蹤,並將變量傳遞到相應的字段。創建一個觸發器類型的自定義事件,事件eq'videojs'並用它來觸發GA事件跟蹤標籤。

相關問題