Google Analytics 分析中 追蹤網址 Tracking URLs 的使用方式 參數OVKEY的正確用法 與一些問題探討

Google Analytics 網站分析 Event Tracking進階技巧 trackEvent 追蹤 youtube影片觀看數據

上一篇 我跟朋友們介紹了  trackPageview 的網站分析 Google Analytics基礎部分。

除了 trackPageview 這個呼叫語法紀錄 Virtual Pageview 虛擬頁面之外,還有 “事件 Event" 可以更進一步的利用!!

這部分比較難懂~ 所以我用 “實際情境" 的方式來說明了~

在 這篇文章 我特別對 俠盜獵車手5 預告片 這影片(下方影片也是相同) 加了一些"“,需求是這樣的:

我想知道有多少人 看了這支影片 ?  ( 按了PLAY 有幾人)
又有多少人 看完了這支影片? (完整的看到結束)

[do action="GAvideoGT5″][/do]

特別是當你並沒有實際這youtube影片管理後台資料可查看時,我只想知道我將影片崁入到我的網站(或是部落格)中頁面數據時,就可以靠Google Analytics 的Event Tracking 這技巧來記錄 “事件" 了!

Google Analytics 網站分析 Event Tracking進階技巧 trackEvent 追蹤 youtube影片觀看數據

有利用這篇 trackEvent 追蹤 youtube影片觀看數據,GA圖表中就可以看到上圖這樣的數據資料了~

他的使用比起trackPageview的語法難度更高些了~  基本架構如下:

_trackEvent(category, action, opt_label, opt_value, opt_noninteraction)

設定事件追蹤時,您可以定義最多 5 個下列要素(上面程式語法橘色文字的部分),並將其連結個別活動:

類別category:站上事件的主要分類。類別位於事件追蹤的根部,必須做為報表中事件排序的第一種方式。像「影片」和「下載」就很適合做為類別,但您可以視內容需求使用明確或廣泛的類別。

動作action:用來描述某事件類別。使用任何字串都可用來定義動作,因此您可以視需要調整明確程度。舉例來說,您可以將「播放」或「暫停」定義為「影片」的動作, 也可以提高明確程度,建立名為「影片即將播放完畢」的動作,在影片播放了 90% 的那一刻觸發。

標籤opt_label:一種自由選用的補充說明,可以用任意字眼來表示。

opt_value:數字變數。您可以使用明確值 (例如 30),也可以使用在他處定義的變數所推算出來的值 (例如「downloadTime」)。

隱含計數(opt_noninteraction 通常這一項不使用):與某個事件類別互動的次數。隱含計數不會顯示在 Google Analytics (分析) 標準報表中,但您可透過 API 存取這項資料。

關於 事件追蹤 Event Tracking 的官方說明網頁

上一篇 文章底下那幾個連結可是都要看過喔~ 這篇我針對 youtube影片 追蹤數據部分說明了~ 其他關於GATC程式碼的部分我就不多說明了~

但還是放了兩支值得好好參考的教學影片資料給朋友們參考:

網路行銷數據化 利用 網站分析 Google Analytics 來為 Email連結mailto做個目標設定吧 trackPageview基礎教學

How To Track Email Conversions in GA  官方的教學簡報 推薦必看!!

不錯的教學影片 也推薦想詳細了解 Event Tracking的朋友要看的教學影片
How To Track Anything With Google Analytics Event Tracking

了解了基本的 使用大概之後,接下來 重頭戲 來啦~~~

先感謝 YouTube video tracking into Google Analytics 這篇文章的作者了~

我看了不少篇關於 Event Tracking 語法的文章,試過不少種(真的超多的)各種奇怪組合方式,我覺得這一位作者整理的方式最"整齊“、"易懂" 了! 並且、他提供的語法也很容易修改使用,我就以他的方式來做說明了!

不過、要能讓GA記錄到youtube影片相關數據,一般的youtube影片崁入語法是不能用的,得利用youtube開放的API 方式播放,那才有辦法~ 所以 放影片 得用複雜點的程式呼叫方式了~

完整程式語法如下:

<div id="player"></div>
<script>
    var tag = document.createElement('script');
    tag.src = "http://www.youtube.com/player_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

    var player;
    var lastAction = '';
        function onYouTubePlayerAPIReady() {
            player = new YT.Player('player', {
                height: '390',
                width: '640',
                videoId: 'u1zgFlCw8Aw',
                events: {
                    'onStateChange': onPlayerStateChange
                }
            });
        }

        function onPlayerStateChange(event) {
            switch (event.data){
                case YT.PlayerState.PLAYING:
                    _gaq.push(['_trackEvent','video', 'Playing', player.getVideoUrl()]);
                    break;
                case YT.PlayerState.ENDED:
                    _gaq.push(['_trackEvent','video', 'Completed', player.getVideoUrl()]);
                    break;
                case YT.PlayerState.PAUSED:
                    if (lastAction != 'paused'){
                    _gaq.push(['_trackEvent','video', 'Paused', player.getVideoUrl()]);
                    }else{
                        lastAction = 'paused';
                    }
                    break;
                }
            }
</script>

上面那一大串不要擔心~ 他其實分了三大類用途,真正會要你了解的部分其實並不多,我特別找的" 好範本" 當然是希望讓你越簡單使用越好了~

基本主要程式碼為:

_gaq.push([ ‘_trackEvent’,’video‘, ‘Playing‘, player.getVideoUrl() ]);

Category 類別> video
Action 動作> Playing
Label 標籤> Video URL  player.getVideoUrl() 動態取得網址 from the API

而 function onPlayerStateChange(event) 這底下的部分就是用到分別取得三個動作的數據:

Playing 按了PLAY按鈕的、Completed 看完影片的、Paused 按了暫停的 這三個部分的動作,如果你還想取得多一些的數據資料,就根據 作者文章 下方的資料自己多增加些

  • YT.PlayerState.BUFFERING 這類參數即可~

上面可根據影片資料修改的部分(黃色底部分)我特別說明一下:

function onYouTubePlayerAPIReady() {
player = new YT.Player(‘player’, {
height: ‘360‘,  影片高
width: ‘640‘,  影片寬
videoId: ‘rIisXicNdBE‘,  youtube影片網址區分碼

黃底字的資料 你可以在 youtube影片分享-崁入 的視窗中取得:

Google Analytics 網站分析 Event Tracking進階技巧 trackEvent 追蹤 youtube影片觀看數據

如上圖紅框中這三個數字,把程式碼修改成你要追蹤的影片即可。

不過、個人覺得最難的部分其實不是上面這GATC的程式碼,而是如何讓你的網站或部落格的"編輯器" 能夠使用 <script> 這類的程式碼!!  要知道大多的網站編輯器都會自動過濾掉<script>這TAG 和裡頭運用的 script 程式,這樣一來你呈現內容的網頁根本不能夠執行特殊需崁入的上面那一大串程式碼~

Google Analytics 網站分析 Event Tracking進階技巧 trackEvent 追蹤 youtube影片觀看數據

像我的Wordpress系統,我就利用 Shortcodes Pro 這個外掛讓我可以另外以特殊的代碼去呼叫這組程式碼運行。

Shortcodes Pro WordPress 外掛介紹網頁

其他的CMS系統或是你的網站編輯器也得自行想辦法解決這問題了~

Google Analytics 網站分析 Event Tracking進階技巧 trackEvent 追蹤 youtube影片觀看數據

例如Drupal CMS系統,在頁面編輯上就有個 “輸入格式" 的選擇,你得把頁面過濾"關掉" ,選擇 “PHP code“的格式,這樣你崁入上面那一大串才會有用~

不過、這篇我不多做解釋說明 Shortcodes Pro 這個外掛的使用方式,不然文章寫不完啦~ 請自行摸索了~

這樣之後,你就可以在網站分析 Google Analytics 的Event 事件報表中得到相關的數據資料了!!  並且~ 還可以再利用 GA中的 “目標" (這篇) 來做更有效的 數據追蹤!!

來看一下GA事件報表中能看到甚麼數據吧~

Google Analytics 網站分析 Event Tracking進階技巧 trackEvent 追蹤 youtube影片觀看數據

最上層為VIDEO這個 Category 類別 中收集的全部數據,點擊上圖紅框中 “事件動作" !

Google Analytics 網站分析 Event Tracking進階技巧 trackEvent 追蹤 youtube影片觀看數據

就可以看到 Action 動作 收集到 播放、暫停看完的三個動作數據資料了~

Google Analytics 網站分析 Event Tracking進階技巧 trackEvent 追蹤 youtube影片觀看數據

點旁邊那 “活動標籤" 還可以取得 Label 標籤 透過 player.getVideoUrl() 動態取得網址的影片是哪一支的數據,對成效的評估我想這幾個資料都很有用的了~

有效的利用這Event Tracking ,可以發現到許許多多網站中原本 Google Analytics沒有提供的數據資訊,不過、Event Tracking也不是萬能的喔~ 例如他有上限500的限制,如果你這影片太火熱,也很可能之後相關有很多"錯誤訊息、警告“發生,使用還是得小心留意了~

 

吳 天元

溫厝的543大家長,平常沒時就愛碎碎唸,標準的阿宅。 平時就愛看電影、研究網路行銷,有時間當然也愛陪伴著家人! 總希望世界和平之外,更希望能看看外星人到底長啥模樣了!

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *