商店小工具是 Google 顧客評論徽章的更新版本。整合商店小工具程式碼後,你就能在網站上更清楚地顯示商店評分、評論總數和商店品質資訊。
整合時需導入 2 組程式碼片段,第一組就是商店小工具程式碼。小工具為選用項目。
本頁面包含以下內容
整合操作說明
如要將商店小工具整合到網頁上,請執行下列操作:
我們會在下文中逐一說明。
導入小工具程式碼後,頁面就會顯示下列任一小工具:
| 優質商家小工具 | 商店評分小工具 | 商店品質小工具 |
| 時間: | 時間: | 時間: |
如果目前使用舊版徽章,系統會根據商店的品質評分,從三種版本的小工具中擇一顯示。
請勿讓網頁上的其他內容遮蓋到小工具。
更新 DOCTYPE
要導入小工具的網頁請務必使用 HTML5 DOCTYPE:
<!DOCTYPE html>
這個 DOCTYPE 必須是網頁 HTML 程式碼的第一列。使用 HTML5 DOCTYPE 可確保網路瀏覽器將網頁轉譯為標準模式,而非相容模式。有些網頁是配合較舊的瀏覽器設計,為了維持回溯相容性,部分網路瀏覽器會採用「相容模式」,而非嚴格遵守 W3C 及 IETF 標準的標準模式。
新增商店小工具
如要讓顧客知道你加入了 Google 顧客評論計畫,可以在網站的任何頁面放置小工具。
如要在網站上加入商店小工具,請按照下列步驟操作:
- 將下列程式碼片段貼到網頁中:
<!-- BEGIN MerchantWidget Code -->
<script id='merchantWidgetScript'
src="https://www.gstatic.com/shopping/merchant/merchantwidget.js"
defer>
</script>
<script type="text/javascript">
merchantWidgetScript.addEventListener('load', function () {
merchantwidget.start({
merchant_id: MERCHANT_ID,
position: 'POSITION'
});
});
</script>
<!-- END MerchantWidget Code →
請在網頁的 </BODY> 結尾標記前貼上這段程式碼。同時加入問卷調查參與意願選項的程式碼時,不必在意先後順序。
- 將變數替換為網站獨有的動態值。下表列出您可以調整的設定項目:
| 變數 | 是否必填? | 說明 |
|---|---|---|
| MERCHANT_ID | 必填 | 你的 Merchant Center ID,可從 Google Merchant Center 取得。 |
| POSITION | 選填 |
小工具的顯示位置:
小工具的預設位置為「 |
- 在所有希望顯示小工具的網頁,重複執行步驟 1 至 2。
- 如要完成 GCR 整合作業,請在訂單確認頁面加入問卷調查參與意願選項模組,這是必要的整合項目。
常見問題
與電腦檢視畫面相比,圖示和面板在行動裝置檢視畫面上的顯示方式為何?
我的網站是透過 Shopify 管理,這樣還能導入這項功能嗎?
- 注意:根據 Shopify 商家提供的意見回饋,Shopify 會自動截斷指令碼中的所有空格。指令碼中的空格有其功效,因此請確保空格不會遭到截斷。
面板中顯示資料的來源為何?如何查看計畫成效?
消費者可以完全關閉小工具嗎?