安裝腳本

安裝只需在頁面 head 中加入一個腳本標籤。它以非同步方式載入、絕不阻擋渲染,也不會在您訪客的裝置上設定任何 cookie。

腳本標籤

從「整合」複製標籤。其中帶有您的公開金鑰,這是刻意設計為公開的,且只能在您自己的網域上運作。

<script async src="https://…/l.js" data-loop="pk_live_…"></script>

常見平台上的放置位置

平台位置
WordPress外觀 → 佈景主題檔案編輯器 → header.php,或「header scripts」外掛
Ghost設定 → Code injection → Site header
Tistory外觀編輯器 → HTML → <head> 內
Webflow網站設定 → 自訂程式碼 → Head 程式碼
Squarespace設定 → 進階 → Code Injection → Header
Wix設定 → 自訂程式碼 → Head
Shopify線上商店 → 佈景主題 → 編輯程式碼 → theme.liquid

用 AI 安裝

「整合」→「用 AI 安裝」會提供給 Claude Code、Cursor 或 Codex 的指令。它會註明要加入的確切標籤、在您的框架中應放置的位置、哪些部分不能動,以及如何驗證結果。這份指令由固定且經審閱的文字組成,只包含您的公開金鑰。

React 與 Next.js

包裝腳本與版位的元件位於 SDK 套件中。該套件尚未發布到 npm,因此大多數網站應使用腳本標籤;在 Next.js App Router 中,請將它放在 app/layout.tsx,或使用帶有相同屬性的 next/script。

Content-Security-Policy

若您的網站傳送 Content-Security-Policy 標頭,請在 script-src 與 connect-src 中同時允許腳本的來源。

驗證如何運作

不需要上傳檔案,也不需要 DNS 紀錄。腳本從您網域上的頁面呼叫我們,就是您掌控該網站的證明。第一個做到這一點的帳號會取得該網域;在此之前,任何人都可以持有該網域的未驗證草稿,而未驗證的網站不參與交換。

常見問題

腳本有多大?
壓縮後不到 4 KB。
它會設定 cookie 嗎?
沒有 cookie,也不會在您自己訪客的裝置上儲存任何東西。有一項例外:在訪客點選版位後抵達的網站上,代表該次造訪的權杖會保留在該瀏覽器分頁中,最長一小時,以便計入該處的註冊或購買。分頁關閉後權杖即消失,其他網站也無法讀取。
可以透過標籤管理工具載入嗎?
可以,只要標籤保有其 data-loop 屬性即可。直接在 head 中載入,網站會更快完成驗證。

下一步版位 →