火燒的Gmail
No Result
View All Result
  • 全部文章
  • SWAG 色站獨家福利連結
  • 成人內容
    • Chaturbate
    • SWAG
    • 成人網站
  • 數位行銷
    • PTT/Dcard
    • 線上工具
    • 工作術
    • Webflow
    • WordPress
    • Google AD
    • Google Search Console
    • SEO
  • 迷幻廢文
  • 追蹤IG
火燒的Gmail
  • 全部文章
  • SWAG 色站獨家福利連結
  • 成人內容
    • Chaturbate
    • SWAG
    • 成人網站
  • 數位行銷
    • PTT/Dcard
    • 線上工具
    • 工作術
    • Webflow
    • WordPress
    • Google AD
    • Google Search Console
    • SEO
  • 迷幻廢文
  • 追蹤IG
No Result
View All Result
No Result
View All Result

首頁 . 全部文章 . 網站技術 . Webflow . 如何在Webflow上安裝GTM?Google Tag Manager 完整安裝教學

如何在Webflow上安裝GTM?Google Tag Manager 完整安裝教學

2020/03/21 - Updated on 2020/10/18
in Webflow, 網站技術
0
SHARES
851
VIEWS

在安裝之前需要特別注意,兩個 Webflow 官方教學中並沒有特別強調的地雷,1. 只有付費帳號才能在 Webflow 上安裝 GTM (Google Tag Manager),2. 安裝時必須手動一頁一頁加!在目標頁面的Navigator中,手動嵌入Html程式碼。

關於Webflow的完整介紹、優缺點分析,可以參見我這篇完整文章。我也會在部落格中,陸續和大家分享繁體中文圈最齊全的Webflow教學。假如你想安裝GTM,可以參見以下的教學。

文章結構

  • GTM 安裝教學
    • 第一步:到 Google Tag Manager 進行註冊
    • 第二步:安裝Google代碼管理工具(head)
    • 第三步:安裝Google代碼管理工具(body)
    • 第四步:把GTM Symbol化,做成一個固定的盒子

GTM 安裝教學

第一步:到 Google Tag Manager 進行註冊

儘量使用原 GA 帳號進行註冊!否則後續的資料共用設定非常麻煩。從這一頁填寫資料,開始註冊

第二步:安裝Google代碼管理工具(head)

點選想安裝的目標網站,最右邊的齒輪

複製head中的內容,貼至Webflow中

只要貼進<head>區域中即可,不用煩惱要貼在其他工具程式碼的上面或下面,只要貼在這個區域內就算成功了!貼上後記得按下右上角的發佈Publish(按下Save Changes後再點Publish也可以;不儲存、直接點Publish也沒關係)

第三步:安裝Google代碼管理工具(body)

在Custom Code頁面中的head底下,有個Footer Code區域,千萬不要把body程式碼貼在這裡!

市面上多數工具都是傾向將程式碼放在body的最上端,然而這個區域卻是將程式碼放在body區塊的最下面(即Footer上方),並不利於任何工具的追蹤。除非有的工具是希望將程式碼貼在Footer處,若是該情況,再把程式碼貼在這個區域即可。

正確作法應為,從GTM後台複製了程式碼之後,進入單一Webflow頁面,運用「HTML Embed element」這個元素,個別手動新增進Webflow中。

非付費帳號無法使用此功能,因此左上角標註了星號。

貼上後,記得到Navigator中,把該element挪至最上方,這樣就大功告成了!

第四步:把GTM Symbol化,做成一個固定的盒子

然而,多數人使用Webflow架站,都不只建立一個頁面,意即多數網站並非一頁式網站(單頁式網站,One-page-Web),因此需要頻繁地在每一頁上新增Google Tag Manager,假如每次都要Embed Code碼,會非常麻煩,所以推薦大家可以透過Symbol功能(綠色小盒子)來節省時間。

把 HTML Embed element 鎖定成一個固定的Symbol,並且手動埋入每個目標頁面中,這樣就大功告成了!結論就是,在這段埋GTM的過程中,Webflow比起WordPress來說難用得多。

Previous Post

經典與流行

Next Post

蛋架

Related Posts

PTT/Dcard

PTT 表特被刪文該怎麼找備份?一招神出被刪掉的推爆貼文(Dcard 外流查詢)

2021/09/26 - Updated on 2022/05/02
22.8k
PTT/Dcard

Dcard 西斯版奶樓、裸照樓、穴穴樓照片,透過 PTT brain 下載裸群圖庫備份

2021/09/26 - Updated on 2021/12/22
47.6k
網站技術

RecordCast 免安裝的網頁版線上螢幕錄影工具,支援影片剪輯字幕編輯

2021/06/12
312
PTT/Dcard

如何申請 Dcard 創作者俱樂部?狄卡個板功能開放!無名小站的時代回來了

2021/04/20 - Updated on 2021/04/23
1.2k
PTT/Dcard

PTT 美妝板的看板活躍時段,從推文中找出最近當紅的美妝水水 KOL

2021/03/20
471
PTT/Dcard

八卦板鄉民作息一覽表,追蹤各大看板的熱門時段、活躍用戶、推文或噓文數最多的帳號

2021/03/14 - Updated on 2021/03/18
976

分類

No Result
View All Result

文章結構

  • GTM 安裝教學
    • 第一步:到 Google Tag Manager 進行註冊
    • 第二步:安裝Google代碼管理工具(head)
    • 第三步:安裝Google代碼管理工具(body)
    • 第四步:把GTM Symbol化,做成一個固定的盒子

本站獨家福利連結👇

  • 如何用 Twitter 搜尋18禁成人內容?推特搜尋功能教學

    0 shares
    Share 0 Tweet 0
  • Mybigtitsbabes 巨乳女優圖鑑,胸奴必逛的大奶妹子介紹網站,歐美大奶圖鑑 Babestoday、BigBoobsAlert

    0 shares
    Share 0 Tweet 0
  • 透視神器 Deepsukebe 使用教學,透過 AI 自動解碼網紅的裸照,快速合成露點照的裸照產生器

    0 shares
    Share 0 Tweet 0
  • 渣男萬年密是什麼?台灣外流壓縮檔密碼大公開、免費空間常見的解壓縮萬用密碼大全(含 VOOFD 好車台所有密碼)

    0 shares
    Share 0 Tweet 0
  • SWAG.live 是什麼網站?SWAG Creator 女郎的商業模式及競品分析,AV素人寫真、付費色情影音市場簡介

    0 shares
    Share 0 Tweet 0
  • 如何下載推特上被刪掉的影片?找回絕版檔案的破解法,老司機必學

    0 shares
    Share 0 Tweet 0
  • Onlyfans 外流下載教學,用 Eternia 論壇免費試看網紅的裸照寫真

    0 shares
    Share 0 Tweet 0

隨選文章・局妹吐信😛

KYMCO MANY 很難追篇

2018/08/19 - Updated on 2018/11/24
842

用Rezi快速製作一頁式履歷網站,幫你從JD篩選重點關鍵字,寫進ATS Resume中!

2020/06/17 - Updated on 2020/10/18
926

麥當勞世足限定漢堡

2018/06/08 - Updated on 2018/10/30
136

高雄捷運不穿胸罩走光片段,激凸無罩散步 SWAG 台灣妹嫚嫚 daisybaby,全裸露點性愛 AV 一覽

2022/11/29
4.8k

PTT帳號肉搜教學,用專業搜尋工具人肉搜索鄉民的真面目

2020/07/18 - Updated on 2021/01/05
48.1k

招財風水擺陣

2019/11/16 - Updated on 2019/11/17
91

灌醉祖先

2020/05/23 - Updated on 2020/05/29
195

KYMCO MANY 閃閃惹人愛篇

2018/08/19 - Updated on 2018/11/24
192
  • 抖內支持
  • Facebook
  • Instagram
  • Twitter
  • Dcard
  • 數位行銷
  • PTT/Dcard
  • 線上工具
  • 工作術
  • Webflow
  • WordPress
  • Google AD
  • Google Search Console
  • SEO
  • 廣告分析
  • 品牌故事
  • 飲食
  • 外在
  • 科技
  • 交通
  • 創意
  • 日記
  • 路人趣味
  • 迷幻廢文
  • 普通文學

有事燒紙:[email protected]

版權是我的,不要幹走

No Result
View All Result
  • 全部文章
  • SWAG 色站獨家福利連結
  • 成人內容
    • Chaturbate
    • SWAG
    • 成人網站
  • 數位行銷
    • PTT/Dcard
    • 線上工具
    • 工作術
    • Webflow
    • WordPress
    • Google AD
    • Google Search Console
    • SEO
  • 迷幻廢文
  • 追蹤IG

版權是我的,不要幹走