GTM教學｜如何用GTM 新增一個彈跳式廣告視窗

不管任何網站，要怎麼透過GTM 設定一個彈跳式廣告視窗? 尤其是常見的自架套版網站 WordPress, Strikingly。透過GTM 可以在不用安裝任何套件，就可以完成彈跳式廣告視窗埋設。後續也支援修改圖片、修改文案、修改CTA連結等。範例如下，下圖紅框中的即是 透過GTM 設定出來的彈跳式廣告視窗 。

免費領取程式碼

請加入LINE 社群討論 ，並且在社群中輸入/gtmpop ，機器人則會自動回覆完整程式碼連結。

如何安裝彈跳視窗

新增自訂html代碼

在GTM代碼中新增一個自訂html。

貼上剛剛在機器人取得的程式碼。

設定觸發器

觸發器條件，依據您的喜好設定，有以下幾種方式可以參考：

捲動頁面大於50%時啟動。

捲動頁面大於75%時啟動。

頁面停留超過10秒時啟動。

設定程式碼的參數

貼上程式碼後，有幾個地方務必要自己更新 。請參考以下截圖說明。下圖紅框圈起來地方，務必換成您自己的圖片、標題、敘述等，否則將會沿用目前黑客的圖片設定。

正確範例

調整自動幾秒後關閉

黑客設定預設為6秒鐘後關閉，您也可以調整成您喜愛的秒數。 務必這邊如果有更動 --例如10秒。前一步驟的秒數也要對應一樣的 。

使用需知

黑客僅提供代碼正確使用教學，不負責代碼埋設異常之修繕。如您安裝本代碼，也代表您同意您的網站一切問題自行負責處理。程式碼皆為黑客網站正在使用的最新版本，請放心使用。

使用的圖片url 必須為原始圖片檔案，不能使用於來自google drive, facebook 等其他附加網站的網址。

此設定為，第一次的訪客進站會出現彈跳視窗，後續不管瀏覽幾頁都不會再出現。７天後回訪才會再出現。