在 Sharing 架站平台,如何埋入GA4、GTM、Ads 等第三方的追蹤代碼

Sharing 支援多種代碼直接貼上即可使用,以下簡單介紹每一項的使用方法,大致上都大同小異,
另外建議轉成「正式網址」之後,再加入各項分析代碼哦~~
點擊下方目錄上的文字,即可直接到該項目取得代碼的說明。

Sharing 支援多種代碼直接貼上即可使用
目錄

每一項代碼的申請/取得位置,點開該項目,在填寫的地方都有附上連結哦~
如果您知道代碼長怎樣,可以直接貼入。
若您取得的是一串 HTML 代碼時,只要點擊右上的取得編號,貼入代碼,就可以拿到編號囉~ 

填寫Sharing行銷代碼

以下會截圖各個代碼取得的主要的位置。
由於各項代碼一個網站多半只會操作一次,如果您不太熟悉這些操作,大可不必花時間學習,建議直接 Line 與我們聯絡,非常樂意協助您~
 

Google Analytics 4 代碼 

Google GA4 代碼在哪裡呢?
進入GA4 後台之後,在左下角找到「管理」的圖示,接著在右側找到「資料串流」。

如何找到 GA4 的代碼,管理的資料串流裡

接著選擇您要加入的專案之後,就可以在最右上方看見「評估 ID」,通常格式是:G-oooooooooo,點擊「複製」,貼到 Sharing 後台,就完成囉~ 

GA4 串流詳細資料評估ID取得

 

GTM 代碼管理

GTM (Google Tag Manager) 是管理網站追蹤碼的工具,能集中設定及部署各種分析、廣告追蹤標籤,不需修改程式碼即可快速更新。
優點包括操作簡便、省時省力、降低技術依賴性,且整合性高,易於管理分析數據並提升行銷效益。
從申請到設定,網路上都有很多影片教學可以找來看,這邊僅先提供如何取得代碼。

Google GTM 代碼在哪裡呢?
有設定完成之後,再次登入後台時就可以在主畫面上看見「容器列表」,
選擇您網站的「容器 ID 」,通常是:GTM-○○○○○○○,貼到 Sharing 後台,就完成囉~ 

GTM代碼容器ID在哪裡

 

Google Ads 廣告代碼

Google Ads 代碼在哪裡呢?

  1. 依下圖,在 Google Ads 帳戶中,按一下「工具」圖示 。
  2. 點選「共用資料庫」>「目標對象管理工具」。
  3. 點選「您的資料來源」。畫面就會看見「Google Ads 代碼」資訊卡。
  4. 如果沒有新增過,就要選擇「設定代碼」來開始,如果已設定代碼,請按一下「詳情」
  5. 接著滑到底部,會有「代碼設定」可以點擊展開,如下面第二張圖。
  6. 如果您是直接使用 Ads 代碼,選藍色的即可。如果您是想用上面提到的 GTM 代碼管理,就選紅色的。
Google Ads 代碼藏在哪裡,在目標對象管理工具裡的資料來源
取得 Google Ads 代碼,自行加入或加入GTM

當您選擇自行加入代碼,就會取得一段程式碼(如下圖),貼到 Sharing 後台的「Google Ads 廣告 代碼」,就完成囉~ 

取得 Google Ads AW-代碼,自行加入代碼

如果是使用 GTM 的話,會取得一組轉換 ID 的編號,再依該網站下方會有說明步驟照著做就行。

 

Google AdSense

Google AdSense 用途是讓您的網站可以刊登廣告,取得廣告收益的功能,申請流程這邊就不提及,直接教怎麼取得代碼吧。

Google AdSense 代碼在哪裡呢?
登入之後,如下圖: 點選「廣告」>「取得程式碼」>「複製」代碼,貼到 Sharing 後台,就完成囉~ 

Google AdSense 要安裝程式碼在哪裡

 

Google 程式化搜尋引擎

此功能是可以利用 Google 搜尋引擎的技術,在網站上置入一個搜尋器,它的優點是可以自訂想要搜尋的網路範圍。
比方說,我同時經營了一個官方網站與購物網站,在官方網站這邊加入了「程式化搜尋引擎」時,可以指定這兩個網站的內容都可以收這個搜尋器搜到,也不會搜到非指定網站的頁面。(詳細設定看下圖 2 的位置就能理解)

Google 程式化搜尋引擎代碼在哪裡呢?
回到重點,首先到 Google 程式化搜尋引擎 登入後,新增一個搜尋引擎,並依以下三個步驟填入內容;在第二個步驟可以指定您要搜尋的範圍,可以自訂很多組,也能跨網域設定。

在Google程式化搜尋引擎建立新的搜尋引擎

點擊圖示「複製程式碼」,貼到 Sharing 後台,就完成囉 ~   
居然這樣就完成了,幸福來得太突然 !!

Google 搜尋引擎已建立完成

其實後面還有相關設定啦~ 以下是參考值,每個人可以設定不一樣的風格。

Google 程式化搜尋引擎自訂功能

接著在「所有外觀與風格設定」裡面,可以選擇搜尋結果的風格,個人建議使用下圖的「完整寬度」即可。有兩個是兩段程式碼的,不建議使用。

Google程式化搜尋引擎版面配置建議

後面也有很多細部自訂的玩法,各位有興趣也可以一一嘗試。
以下是設定好之後,在網站上呈現的結果 (搜尋根固定在右上方)

Google程式化搜尋引擎在Sharing網站上呈現的結果

 

Microsoft Clarity 網站分析

Microsoft Clarity 代碼在哪裡呢?
在 Clarity 註冊帳號並新增您的網站專案之後,依下圖到「設定」>「 手動安裝」 >「 取得追蹤程式碼」

Microsoft Clarity 網站分析追蹤程式碼取得
複製Clarity程式碼並貼到您網站

點擊「複製程式碼」,貼到 Sharing 後台,就完成囉~ 

 

Meta 像素

只要你有投放 FB 廣告,目標是讓消費者來到您的網站,瀏覽頁面或完成表單填、購買商品等等 ,就一定要在網站中安裝 Meta 像素代碼。代碼可以直接填入 Sharing 後台,也可以透過 GTM 容器來管理代碼。以下這邊教的是直接填入 Sharing 後台的方式。

Meta 像素的代碼在哪裡呢?
品牌尚未創立帳號,點此申請 ➡️ 申請帳號
已創立過,但未有新增過像素 ➡️ 新增像素
已建立過像素,直接取得代碼 ➡️ 取得代碼

登入後,進入「事件管理工具」,很多地方都能找得到它。

facebook,Meta事件管理工具在哪裡

接著點選「 新增連結資料 > 網站」

fb像素設定在Meta事件管理工具新增連結資料

接著建立資源名稱 > 首頁網址 (https://example.com ) > 選擇「僅使用 Meta 像素」接著「下一步」即建立好像素了。
最後依下圖所示,選擇「手動安裝程式碼」

在fb事件管理工具手動安裝程式碼

點擊「複製程式碼」,貼到 Sharing 後台,就完成囉~ 

取得Meta像素程式碼新增到你的網站

 

Meta 網域驗證

因應 iOS14 隱私權更新, 除了啟用 Facebook 轉換 API 來補充 Facebook 像素成效以外,也需於 Meta 企業管理平台後台做網域驗證,以避免傳送事件受到影響。

Meta 網域驗證代碼在哪裡呢?
登入 Meta 企業管理平台後台 > 品牌安全 > 網域」點選「建立網域」。(僅能用「主網域/根網域」進行驗證 ,例如:example.com)

Meta企業管理平台後台驗證流程

新增網域後,請依下圖操作:
1. 選擇:「新增中繼標籤」,
2. 複製整段代碼: <meta name=”facebook-domain-verification” content=”oooooooxxxxxxx” />
代碼貼到 Sharing 後台之後,在同一畫面點擊「驗證網域」,最多可能要 72 小時才能抓取到,如果沒有再回來此畫面再操作一次。

取得facebook中繼標籤代碼Meta驗證

如果您要的不是上述驗證,而是 2025 年起,廣告商被 Meta 要求身份驗證,那就要看這篇我們客戶寫的超完整說明:快速完成 Meta (Facebook)廣告主出資者與受益者身份驗證SOP步驟

 

LINE 轉換成效代碼 (Tag)

LINE Tag 轉換成效代碼在哪裡呢?
追蹤 LINE 訊息轉換成效:

如下圖所示,在 Line@ 後台主頁裡,左側欄滑到底,選擇 “資料管理 > 追蹤” ,接著點擊如圖中的 "複製",就可以取得代碼囉~

取得LINE追蹤轉換成效代碼 LineTag

追蹤 LINE 廣告轉換成效:

如下圖所示,登入 LINE Ad Manager ,點選「廣告帳號」分頁,再點擊「廣告帳號名稱」。
再點按左上方 MENU 選擇「追蹤(LINE Tag)」。找到「轉換代碼」,接著點擊如圖中的 "複製",就可以取得代碼囉~

LINE廣告追蹤轉換成效代碼取得

上述兩種 LINE 廣告追蹤碼(LAP)只能擇一,以免產生衝突,目前僅支援於後台建立一組 ,Line 代碼需要 12 ~ 48 小時才會生效。

想要確認有沒有安裝成功,可以依照 Line 官方教學:安裝與使用 LINE Tag 檢查工具 LINE Tag Helper 來驗證。

 

Ahrefs 網路分析

Ahrefs 網路分析的代碼在哪裡呢?
如下圖所示,在 Site Audit 裡,選取您要分析的網站,點擊設定,選擇網路分析,就可以取得代碼囉~

添加Ahrefs網路分析代碼到您的CMS後台

代碼貼到 Sharing 後台之後,在 ahrefs 同一畫面就可以立即檢查是否安裝成功囉~

 

以上就是 Sharing 目前支援的各項代碼安裝簡易說明。
如果有任何問題與建議,歡迎用 Line 與我們聯絡