事前準備 – Google Tag Manager

本文段落

 

▎申請 Google Tag Manager

https://tagmanager.google.com/


▎設置 Google Tag Manager 「受眾資料」變數

選擇「變數」點擊「新增」建立變數

選擇「變數」進入,點擊「新增」建立變數
選擇「變數」進入,點擊「新增」建立變數
建立 itg_segments 變數資料
建立 itg_segments 變數資料

建立接收受眾資料變數

gtm instag 變數
gtm instag 變數
  • 名稱:cookie_itg_segments
  • 變數類型:第一方 Cookie
  • Cookie 名稱:_itg_segments

點擊右上「儲存」並且「提交」、「發布」後即可。


▎設置 Google Tag Manager 「內容資料」變數

若您使用 Pixnet 痞客邦部落格需參閱 Google Tag Manager 「內容資料變數」設置 (略過此段落)

選擇「變數」點擊「新增」建立變數

選擇「變數」進入,點擊「新增」建立變數
選擇「變數」進入,點擊「新增」建立變數

新增「內容 ID」資料變數

gtm-instag-content-id
GTM 增加內容 ID 變數
  • 名稱:content_ids (可更改)
  • 變數類型:資料層變數
  • 資料層變數名稱:content_ids

依序新增其他「內容」資料變數

內容分類
  • 名稱:content_category (可更改)
  • 變數類型:資料層變數
  • 資料層變數名稱:content_category
內容作者
  • 名稱:content_authors (可更改)
  • 變數類型:資料層變數
  • 資料層變數名稱:content_authors

內容標籤(Tag)

  • 名稱:content_tags (可更改)
  • 變數類型:資料層變數
  • 資料層變數名稱:content_tags

點擊右上「儲存」並且「提交」、「發布」後即可。

完成內容資料變數

gtm-instag-content-list
GTM 內容資料變數

▎設置 Google Tag Manager  觸發條件

選擇「觸發條件」進入,點擊「新增」建立觸發條件

gtm 觸發條件
gtm 觸發條件

新增觸發條件

gtm 新增觸發條件
gtm 新增觸發條件
  • 觸發條件名稱:DOM Ready All (可更改)
  • 觸發條件類型:網頁瀏覽 – DOM 就緒
  • 這項觸發條件的啟動時機:所有的 DOM Ready 事件

設置好變數後,按下右上角「提交」、「發布」按鈕即可完成設置。