GA 報表:電子商務 內部宣傳 報表

/

本篇要解決的問題

一般網站上都會放廣告 Banner,不論是內部宣傳,還是外部的聯播網。因此有一個需求是大家都會有的:「這些 Banner 的成效如何?」

之前因為有行銷人員在問 Google Analytics(以下簡稱 GA)的電子商務報表,那時有看了一下說明文件,有看到裡面有一段專門追蹤廣告點擊的事件(Track Promotion),但因為主需求是整個購物流程,就沒有寫 Demo 來測試。

最近看到企劃在整理廣告 Banner 的成效,才又想起了這東西,就來測試、研究一下。

用 GA 內部宣傳報表的功能,最後會看到的報表如下:

Google Analytics電子商務 行銷 內部宣傳報表
Google Analytics電子商務 行銷 內部宣傳報表

以下開始說明怎麼使用 GA 電子商務報表,以及內部宣傳的報表要怎麼使用。


使用 GA 的電商報表的 3 項前置作業

使用 GA 的電子商務報表,有三項前置作業。

  1. 貨幣改為計算成效的幣別
  2. 開啟電子商務功能
  3. 追蹤 Code 加入幣別

1 貨幣改為計算成效的幣別

進入 GA 的「管理」介面(要有管理員權限),點擊「資料檢視設定」:

點擊「資料檢視設定」
點擊「資料檢視設定」

在「幣別顯示為」那邊,選擇要用的幣別,這邊的範例是新台幣:

選擇要的幣別
選擇要的幣別

選完後再按下儲存,這樣第一步就完成了。

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝

2 開啟電子商務功能

一樣進到管理的主頁,這次點「電子商務設定」:

點選電子商設定
點選電子商設定

接著把裡面的兩個選項都改成啟用:

打開電子商務功能
打開電子商務功能

按下儲存,就完成這步了。

3 追蹤 Code 加入幣別

一般埋 GA 追蹤碼時,會是以下:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=xxxxxxxx"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'xxxxxxxx');
</script>

開啟電子商務報表,要把剛第一步設定的幣別給加進去,方法很簡單,只要把最後一行的 config 那邊改一下就行,如下:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-115753072-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'xxxxxxxx', {'currency': 'TWD'});
</script>

幣別記得改成第一步設定的幣別,這邊是用新台幣當範例。


前置動作的三步完成了,就可以開始加入電子商務報表裡可以看的資訊。

GA 電子商務報表,主要是要主動發事件給 GA,GA 就會把收到的事件存進報表裡。就這麼簡單。

難的是難在於什麼時候要發送事件?發送什麼事件?這部份就是網站的維運部門跟工程師要討論的事情了。

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝


GA 電商報表,內部宣傳 2 事件

電商的事件很多,這篇主要是寫它的 Track Promotion,就是內部宣傳功能。

GA 對於內部宣傳,提供了 2 個事件:Track Promotion Impressions(Banner的瀏覽)、Track Promotion Clicks(Banner的點擊)。

然後用這 2 個事件的數量去算 CTR(Banner 的點擊率)。

這邊先提供 Demo 頁,用到的 Code 直接寫在頁面底部了,看原始碼可以看到:

https://letswritetw.github.io/letwrite-ga-promotion-track/

Banner 的瀏覽、Banner 的點擊,事件寫法如下(頁面記得埋 GA code):

Banner 的瀏覽(Track Promotion Impressions

Banner 的點擊(Track Promotion Clicks

要注意的是,「產品名稱」會顯示在報表的主要維度裡。因此也可以改成分析人員看報表時想要看的顯示名稱。


從哪看 GA 電子商務報表

開通了 GA 電子商務報表的功能,頁面上也埋了事件程式碼以後,最後就是要進 GA 後台去看報表了。

「電子商務」報表在「轉換」這個大項目裡:

Google Analytics的電子商務報表
Google Analytics的電子商務報表

而「內部宣傳」在「電子商務」 →「行銷」裡:

Google Analytics內部宣傳報表
Google Analytics內部宣傳報表

點進去後就可以看到報表了。

除了基本的這三個數值:內部宣傳活動瀏覽、內部宣傳活動點擊、內部宣傳活動點閱率,也可以搭配次要維度來挖更多東西。

比方說,次要維度用「到達網頁」,就可以看哪一頁的點擊率成效最好:

Google Analytics內部宣傳報表 + 到達網頁
Google Analytics 內部宣傳報表 + 到達網頁

再進階一點的使用,就是加上區隔,可以看到桌機、手機的使用上,哪一個成效比較好:

Google Analytics內部宣傳報表 + 區隔
Google Analytics 內部宣傳報表 + 區隔

以上,就是如何開啟 GA 電商報表的功能,以及使用內部宣傳的一個示範教學。覺得對你/妳有幫助的話請幫忙點個讚支持一下。

最後再附上一次 Demo 的頁面,裡面也可以看到 GA 內部宣傳報表裡會提供的三個數字:

https://letswritetw.github.io/letwrite-ga-promotion-track/

Summary
GA 報表:電子商務 內部宣傳 報表
Article Name
GA 報表:電子商務 內部宣傳 報表
Description
本篇大綱:本篇要解決的問題、使用GA的電商報表的3項前置作業 -1 貨幣改為計算成效的幣別 -2 開啟電子商務功能 -3 追蹤code加入幣別。GA電商報表,內部宣傳2事件、從哪看GA電子商務報表。有一個需求是大家都會有的:「這些banner的成效如何?」
Augustus
Let's Write
Let's Write
https://letswrite.tw/wp-content/uploads/2020/08/logo_512.jpg

隨選筆記文

WordPress

用 Auth0 在 WordPress 上做會員註冊、登入功能

API

接氣象局 API、跨網域 AJAX 資料

Google Others

Google Optimize A/B Testing 使用筆記

Bot Telegram

Telegram Bot 學習筆記 – 3:鍵盤 Keyboard

Front-End

第 100 篇:起點、轉折、then()

API

GitHub API:建立 Issue、Comment – GitHub App

API

如何用 Postman Mock Server 快速建立 API Server

Google Others

用 reCAPTCHA v2 來做非機器人驗證

API

GitHub API:取 Issue、Comments

Google Others

用 reCAPTCHA v3 來做非機器人驗證

以下是留言,但關於留言的部份必需先讓你們知道:

本站的文章都是 August 因為覺得有趣,才會實作並整理成筆記文而後進行發表。

如果留言是希望把 Demo 改成「你想要」的樣子,或是把功能改成「符合你需求」的樣子,

Sorry~ 除非那修改是 August 也有興趣的,不然不會幫你們寫程式去面對工作或是交作業。

未來這類的留言不會再主動回覆。😎

另外,公開信箱是為了讓金流驗證用,

因為之前遇過幾次回信協助解決問題後,對方卻一聲謝謝也沒有,就這樣拿去幫工作交差。

因此決定不再回覆信件,有疑問就利用留言功能囉。