瀏覽器 Scrollbar 事件追蹤，一頁式網站也可確認進站訪客有效性

在網頁中寫入會觸發瀏覽器 Scrollbar 事件的一連串指令

如前言所提到的，我們現在要試著監控訪客抵達我們的網站後，到底有沒有繼續往下瀏覽，就要在網頁內寫入一連串的 Script 指令，以便訪客只要有利用瀏覽器 Scrollbar 往下瀏覽到我們設定的頁面比例後就送出事件。

而這段 Script 功能會因為 Google Analytics Tracking Code 的新舊版本而有點不同。

像是若是目前最新的 gtag.js 就可以寫入以下這段 Script：

<script>

function gtag_event() {

var flag_1=false;

var flag_2=false;

var flag_3=false;

jQuery(window).scroll(function() {

if (jQuery(this).scrollTop() > jQuery(document).height()*0.3 && !flag_1) {

gtag(‘event’, ‘Usability’, {‘event_category’: ‘Scroll’,’event_label’: ‘30%’});

flag_1=true;

} else if (jQuery(this).scrollTop() > jQuery(document).height()*0.6 && !flag_2) {

gtag(‘event’, ‘Usability’, {‘event_category’: ‘Scroll’,’event_label’: ‘60%’});

flag_2=true;

} else if (jQuery(this).scrollTop() > jQuery(document).height()*0.9 && !flag_3) {

gtag(‘event’, ‘Usability’, {‘event_category’: ‘Scroll’,’event_label’: ‘90%’});

flag_3=true;

}

});

}

jQuery(document).ready(function(){

gtag_event();

});

</script>

但若是較早之前的 ga.js 就可以參考以下這段 Script：

<script>

function ga_event() {

var flag_1=false;

var flag_2=false;

var flag_3=false;

jQuery(window).scroll(function() {

if (jQuery(this).scrollTop() > jQuery(document).height()*0.3 && !flag_1) {

ga(‘send’, ‘event’, ‘Usability’, ‘Scroll’, ‘30%’);

flag_1=true;

} else if (jQuery(this).scrollTop() > jQuery(document).height()*0.6 && !flag_2) {

ga(‘send’, ‘event’, ‘Usability’, ‘Scroll’, ‘60%’);

flag_2=true;

} else if (jQuery(this).scrollTop() > jQuery(document).height()*0.9 && !flag_3) {

ga(‘send’, ‘event’, ‘Usability’, ‘Scroll’, ‘90%’);

flag_3=true;

}

});

}

jQuery(document).ready(function(){

ga_event();

});

</script>

瀏覽器 Scrollbar 事件設定概念與日後檢視、分析建議

我們在上一段落中設定了三個階段的瀏覽器 Scrollbar 事件觸發條件，分別是只要瀏覽頁面比例超過30%就觸發，接著在 60%、90% 各會觸發一次。

但其實這個%數非絕對，單純以我們想要觀察什麼訪客行為而定。像是設定在 30% 就是我們認為這是訪客至少有稍微看過網頁內容的比例。而60%與90%的設定，則是除了可以看看有多少人看到約一半就離開、以及多少人願意看完大半內容之外，也可以跟 30% 事件總數比較，看看是否訪客只看一點點內容就想離開網站。

至於只要設定到90%即可(而不是100%), 則是因為現在有很多網站 footer 都有許多與頁面主題內容不完全相關或是廣告或全站連結之訊息，

所以若能瀏覽頁面資訊達90%，就幾乎已經檢視了所有的內容(畢竟現在很少有人真的會願意滾動瀏覽器 Scrollbar 到底部..)。

設定完成後，一段時間後回到 Google Analytics 也就可以好好來檢視網頁目前有哪些改善空間了。

進一步分析是哪些流量來源比較容易觸發這些瀏覽器 Scrollbar 事件

如一開始所說，設定這些事件觸發條件，是為了要能夠確認訪客進入網站後是否至少有瀏覽該頁大半資訊以確認訪客價值。

除此之外，我們還可以利用 Google Analytics 最重要的流量來源分類功能，來檢視、比較是哪一些來源、媒介帶來的訪客價值較高。

也如上圖，因為我們都希望訪客進入網站後真的有好好的檢視網頁資訊(縱然沒有點擊、前往下一頁)，所以就可以來比較到底哪些流量來源、媒介比較容易帶來較高品質的訪客。

未來我們也較能清楚分辨與比較是要將人力、資源投放在社群媒體、廣告、連結互換還是網站 SEO 上了。

一但設定瀏覽器 Scrollbar 事件， 江蕙 將會大幅影響跳出率

若能成功設定上述所提之瀏覽器 Scrollbar 事件，除了隨即能開始分析用戶實際瀏覽狀況外，應該會發現網站跳出率突然大幅降低。

主要原因是在 Google Analytics 觸發設定之事件後，預設條件是不算跳出的。

不過若真的還是有訪客一進入網站連 30% 頁面內容資訊都沒看就離開還是會計算跳出，所以、這一開始的最低門檻就可以視各位網站類型來調整嘍。