事前準備 – Pixnet 痞客邦部落格

本文段落：

• 事前準備
• 開通手機驗證
• Google Tag Manager 安裝
• Google Tag Manager 「內容資料變數」設置

▎事前準備

請參閱 設置 Google Tag Manager 文章

• 申請 Google Tag Manager
• 設置 Google Tag Manager 「受眾資料」變數
• 設置 Google Tag Manager  觸發條件

注意：Pixnet 「內容資料」變數設置方式不同，需參考下方 Google Tag Manager 「內容資料變數」設置。

▎開通手機驗證

https://pixnetid.pixnet.cc/#/profile

▎Google Tag Manager 安裝

選擇「側欄管理」新增「自訂欄位」

• 標題：自行設置名稱
• 內容：Google Tag Manager 程式碼 (包含 head、body 一同放入)

設置好後按下「送出」按鈕即可。

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

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

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

文章 ID

• 名稱：content_ids (可更改)
• 變數類型：資料層變數
• 資料層變數名稱：article_id

文章分類

• 名稱：content_category (可更改)
• 變數類型：資料層變數
• 資料層變數名稱：user_cat_name

文章作者

• 名稱：content_authors (可更改)
• 變數類型：資料層變數
• 資料層變數名稱：user_name

文章標籤

• 名稱：content_tags (可更改)
• 變數類型：自訂 JavaScript
• 自訂 JavaScript：複製下方程式碼

function()
{
	var elems 		= document.querySelectorAll('#article-footer-tags a.tag');
	var keywords 	= [];
	if(elems !== undefined){
		for (var i in elems){
			if(typeof elems[i] === 'object'){
				keywords.push(elems[i].getAttribute('data-tag'));
			}
		}
	}
	return keywords.toString();
}

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

後續請參閱  Instag 平台  註冊 Instag 帳號、安裝追蹤碼。參閱 Instag 受眾應用，設置受眾應用於第三方平台。