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

本文段落:

 

▎事前準備

請參閱 設置 Google Tag Manager 文章

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


▎開通手機驗證

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

Pixnet 手機驗證
Pixnet 手機驗證

▎Google Tag Manager 安裝

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

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

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


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

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

選擇「變數」點擊「新增」建立變數
選擇「變數」進入,點擊「新增」建立變數
選擇「變數」進入,點擊「新增」建立變數
文章 ID
gtm-pixnet-article-id
gtm-pixnet-article-id
  • 名稱:content_ids (可更改)
  • 變數類型:資料層變數
  • 資料層變數名稱:article_id
文章分類
grm-pixnet-content-category
grm-pixnet-content-category
  • 名稱:content_category (可更改)
  • 變數類型:資料層變數
  • 資料層變數名稱:user_cat_name
文章作者
gtm-pixnet-content-author
gtm-pixnet-content-author
  • 名稱:content_authors (可更改)
  • 變數類型:資料層變數
  • 資料層變數名稱:user_name
文章標籤
gtm-pixnet-content-tags
gtm-pixnet-content-tags
  • 名稱: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 受眾應用,設置受眾應用於第三方平台。