設定 Cookie 提示彈窗

透過第三方工具產生 Cookie 同意彈窗，將程式碼貼入版型 theme.liquid，協助商店符合 GDPR 與歐盟 Cookie 法規範。

| 全版本

Cookie 提示彈窗說明¶

為因應 GDPR 隱私權規範 與 歐盟 Cookie 法 ，網站除了需提供隱私權政策頁面，也應在消費者進站時主動告知網站如何使用 Cookie，並取得同意。

CYBERBIZ 官網本身沒有內建的 Cookie 提示彈窗，作法是先透過第三方工具產生彈窗的程式碼，再貼入版型的「樣板編輯器(CSS/HTML編輯)」，即可讓彈窗顯示在前台。

使用前提與限制¶

開始前，請先確認下列兩項：

• 支援程式碼編輯的版型：本設定需編輯版型的 theme.liquid 檔案，請確認目前使用的是可編輯程式碼的版型；於「套版主題管理」中該主題的「選擇操作」選單裡，能看到 「CSS/HTML編輯器」 選項即代表支援。
• 後台操作權限：操作帳號需具備「外觀」相關的後台編輯權限，才能進入樣板編輯器。權限可由商店管理者於後台的權限設定中指派。

操作步驟¶

整個流程分為兩個階段：先到第三方工具產生彈窗程式碼，再回到 CYBERBIZ 後台，把程式碼貼進版型檔案。

產生 Cookie 提示彈窗程式碼¶

1. 前往產生工具： 使用第三方 Cookie 同意條產生工具，例如 WebsitePolicies 的 Cookie consent banner 產生器。
2. 設定彈窗樣式： 依需求設定彈窗的顯示位置、版面樣式、文字內容與顏色。
3. 複製程式碼： 設定完成後展開程式碼欄位，複製整段程式碼備用。

將程式碼貼入版型¶

1. 進入套版主題管理： 前往後台左側選單「網站外觀」>「套版主題管理」。
2. 開啟 CSS/HTML 編輯器： 在 「發布主題」 分頁中，於目前主題卡片點選 「選擇操作」 下拉選單，選擇 「CSS/HTML編輯器」 。
3. 同意使用條款： 首次進入會跳出 「關於樣板編輯器的使用」 說明視窗，勾選 「我已閱讀並同意上述事項」 後點 「我同意」 即可進入編輯器¹。
4. 開啟主樣板檔： 在左側 「整體配置」 清單中，點選 theme.liquid 檔案，右側會載入該檔的程式碼²。
5. 貼上程式碼： 找到 </head> 這一行，將第一步複製的程式碼貼在它的 正上方 。
6. 儲存並確認： 點右上角 「儲存」 完成。回到官網前台重新整理，即會看到 Cookie 提示彈窗。

  <!-- for footer --> 
  {{ 'css/footer.css' | cyberbiz_theme_asset_url | stylesheet_tag }}
  <!-- theme assets -->
  {{ 'css/main.css' | cyberbiz_theme_asset_url | stylesheet_tag }}
  <!-- for vendor -->
  {{ 'js/vendor.js' | cyberbiz_theme_asset_url | script_tag }}

  {{ content_for_header }}

  {% section 'color_settings' %}

  <script src="https://cdnapp.websitepolicies.net/widgets/cookies/rnxkuwlv.js" defer></script> <!-- (1)! -->
</head>

1. 貼入複製的 Cookie consent banner 程式碼。

重要規範與限制¶

• 自行修改程式碼的責任歸屬：CYBERBIZ 公開版型程式碼供您自由調整，但不提供免費修改程式碼與相關教學的服務。經您自行修改的程式碼若造成前台問題，CYBERBIZ 不負維修責任；如需協助客製，請洽線上客服諮詢。
• 切換版型或版本不會自動同步：您自行貼入的 Cookie 彈窗程式碼只存在於「目前這個版型」。日後若切換到其他版型，或更新版型版本，先前的修改不會自動帶過去，需要在新版型重新貼上一次。
• 善用版本控制還原：樣板編輯器內建版本控制功能。若修改後發現前台異常，可在編輯檔案時點選 「查看之前版本」 ，選擇先前的版本還原，降低改壞版型的風險。

後續操作¶

常見問題¶

參考資料¶

• WebsitePolicies Cookie consent banner 產生器