> For the complete documentation index, see [llms.txt](https://docs.besparks.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.besparks.co/besparks-crm-gong-neng-mo-zu-shuo-ming/popup/popup-before-setup.md).

# 彈窗安裝前置作業

在將彈窗安裝到官網前，需要先確認您的電商設定是否已完善

將彈窗安裝到官網前，請先確認您的官網環境：

* GTM（Google Tag Management) 已建立您的官網帳號
* 您的SHOPLINE電商後台「網店行銷及追蹤」 > 「追蹤設定」已存在「Google 代碼管理工具」（如下圖）

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FjFlJmc0THZneEdbJxCHM%2FPopup_GTM.png?alt=media&amp;token=12443788-4393-4699-9f2f-d1a75a95df8e" alt=""><figcaption></figcaption></figure>

若您已完成上述設定，請前往此頁👉  [**彈窗安裝到官網上**](/besparks-crm-gong-neng-mo-zu-shuo-ming/popup/popup-setup.md)

{% hint style="info" %}
若您尚未完成上述兩項設定，請參考下列步驟準備前置環境：

1. 需先設定SHOPLINE的GTM，[**點此可參照詳細步驟檢查安裝**](https://support.shoplineapp.com/hc/zh-tw/articles/205276289-Google-%E4%BB%A3%E7%A2%BC%E7%AE%A1%E7%90%86%E5%B7%A5%E5%85%B7-GTM-%E5%AE%89%E8%A3%9D%E6%96%B9%E5%BC%8F)
2. 完成後，請看文章「[**彈窗安裝到官網上**](/besparks-crm-gong-neng-mo-zu-shuo-ming/popup/popup-setup.md)」
   {% endhint %}