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

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

章節內容

1 免費領取程式碼
2 如何安裝彈跳視窗
3 使用需知
4 更多文章

免費領取程式碼

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

    <div class="gtm-popup-overlay" id="gtmPopupOverlay"></div>
    <div class="gtm-popup-container" id="gtmPopupContainer">
      <div class="gtm-popup-close" onclick="closePopup()">✕</div>
      <!-- 需要在ＳＲＣ換上你自己的圖片！！ -->
      <img class="gtm-popup-img" src="https://spyder.com.tw/wp-content/uploads/2025/04/3.jpg" alt="Popup Image" />
      <!-- 換上標題 -->
      <div class="title">串接 META 等第三方數據</div>
      <!-- 換上文案簡短敘述　-->
      <div class="content">新會員 9折優惠</div>
      <!-- 行動呼籲導外連結　-->
      <a class="gtm-popup-cta" href="https://www.quickdash.com.tw/" target="_blank">了解詳細</a>
      <!-- 如果你有調整６秒，數字要記得改，也要去下方ＪＳ修改　-->
      <div class="gtm-popup-countdown" id="popupCountdown">視窗將於 6 秒後自動關閉</div>
    </div>