「問卷調查參與意願選項模組」可讓顧客選擇是否加入 Google 顧客評論計畫,同時將必要的交易資訊傳送給 Google。如要加入 Google 顧客評論計畫,所有訂單確認頁面均須顯示這個模組。如果在整合問卷調查參與意願選項模組時遇到問題,可以參考這裡的說明解決問題。
本文涵蓋下列主題:
如果使用者選擇參與調查,Google 就會在訂單的預估送達日期過後,傳送問卷調查給他們。詳情請參閱 Google 顧客評論問卷調查。
電腦版和行動版網站都能使用問卷調查參與意願功能,請記得在電腦版和行動版網站中,都加入參與意願選項的程式碼片段。
整合操作說明
如要將問卷調查參與意願選項模組新增至訂單確認頁面,請執行下列操作:
問卷調查參與意願選項模組的程式碼應置於結帳程序的訂單確認頁面。所有確認頁面都必須使用 HTTPS,而非 HTTP。
由於這個模組會觸發 Google 顧客評論問卷調查參與意願選項,請盡可能確保模組中的訂單詳細資料正確無誤。
如果結帳程序使用第三方處理器,結帳後必須重新導回貴商家網域中的確認頁面。
請勿讓訂單確認頁面上其他內容,遮蓋到 GCR 顧客問卷調查參與意願模組。
更新 DOCTYPE
確認頁面是使用 HTML5 DOCTYPE:
<!DOCTYPE html>
這個 DOCTYPE 必須是網頁 HTML 程式碼的第一列。使用 HTML5 DOCTYPE 可確保網路瀏覽器將網頁轉譯為標準模式,而非相容模式。某些網頁是針對較舊的瀏覽器設計,為維持回溯相容性,部分網路瀏覽器會採用相容模式,而非採用標準模式來嚴格遵守 W3C 和 IETF 標準。
加入參與意願選項程式碼
如要提供選項,讓顧客決定是否提交購物體驗評論,請在訂單確認頁面加入參與意願選項模組。
如要將問卷調查參與意願選項模組新增至訂單確認頁面,請按照下列指示操作:
- 將下列 HTML 程式碼片段貼入訂單確認頁面:
<!-- BEGIN GCR Opt-in Module Code -->
<script src="https://apis.google.com/js/platform.js?onload=renderOptIn"
async defer>
</script>
<script>
window.renderOptIn = function() {
window.gapi.load('surveyoptin', function() {
window.gapi.surveyoptin.render(
{
// REQUIRED
"merchant_id":
"MERCHANT_ID",
"order_id":
"ORDER_ID",
"email":
"CUSTOMER_EMAIL",
"delivery_country":
"COUNTRY_CODE",
"estimated_delivery_date":
"YYYY-MM-DD",
// OPTIONAL
"products":[{"gtin":
"GTIN1"}, {"gtin":
"GTIN2">}],
"opt_in_style":
"OPT_IN_STYLE"
});
});
}
</script>
<!-- END GCR Opt-in Module Code →
請在 </BODY> 結尾標記前貼上這段程式碼。同時加入問卷調查模組程式碼和徽章程式碼時,不必在意先後順序。
- 將變數替換為貴商家網站專屬的動態值,下表列出您可以調整的設定項目:
變數 | 是否必填? | 說明 |
---|---|---|
MERCHANT_ID (商家 ID) |
必填 | 你的 Merchant Center ID,可以在 Merchant Center 帳戶中找到。 |
ORDER_ID (訂單 ID) |
必填 | 訂單專屬 ID。 |
CUSTOMER_EMAIL (客戶電子郵件地址) |
必填 | 顧客的電子郵件地址,格式為:「<名稱>@<網域>.com」。 |
COUNTRY_CODE (國家/地區代碼) |
必填 | 顧客訂單送達地點的國家/地區代碼 (由 2 個英文字母組成)。這個值必須採用 ISO 3166-1 alpha-2 格式,並請勿使用「ZZ」來填寫這個欄位。例如台灣是 "TW"。 |
ESTIMATED_DELIVERY_DATE (預估送達日期) |
必填 | 訂單商品的預估送達日期;「YYYY」代表西元年份,「MM」代表月份,「DD」代表日期,例如 "2016-09-13"。 |
GTIN1, GTIN2 (全球交易品項識別碼) |
選填 | 全球交易品項識別碼的數值。 |
OPT_IN_STYLE (參與意願選項顯示方式) |
選填 |
參與意願選項模組對話方塊的顯示位置,可選擇的值如下: "CENTER_DIALOG":讓模組對話方塊顯示在畫面中央。 "BOTTOM_RIGHT_DIALOG":讓模組對話方塊顯示在畫面右下方。 "BOTTOM_LEFT_DIALOG":讓模組對話方塊顯示在畫面左下方。 "TOP_RIGHT_DIALOG":讓模組對話方塊顯示在畫面右上方。 「TOP_LEFT_DIALOG」:讓模組對話方塊顯示在畫面左上方。 「BOTTOM_TRAY」:讓模組對話方塊顯示在畫面底部。 預設值為「CENTER_DIALOG」。 |
(選填) 將下列程式碼片段貼到網頁中,指定參與意願選項模組顯示的語言。如未指定 lang 參數值,徽章就會自動比照使用者的瀏覽器設定選取語言。
<!-- BEGIN GCR Language Code -->
<script>
window.___gcfg = {
lang:
'LANGUAGE'
};
</script>
<!-- END GCR Language Code →
請在網頁的 </BODY> 結尾標記前貼上這段程式碼。同時加入參與意願選項的程式碼時,不必在意先後順序。
請將 LANGUAGE 替換為下列其中一種支援的語言,藉此設定 lang 參數值:
代碼 | 語言名稱 |
---|---|
af | 南非荷蘭文 |
ar | 阿拉伯文 |
cs | 捷克文 |
da | 丹麥文 |
de | 德文 |
en | 英文 |
en-AU | 英文 (澳洲) |
en-GB | 英文 (英國) |
en-US | 英文 (美國) |
es | 西班牙文 |
es-419 | 西班牙文 (拉丁美洲) |
fil | 菲律賓文 |
fr | 法文 |
ga | 愛爾蘭文 |
id | 印尼文 |
it | 義大利文 |
ja | 日文 |
ms | 馬來文 |
ml | 荷蘭文 |
no | 挪威文 |
pl | 波蘭文 |
pt-BR | 葡萄牙文 (巴西) |
pt-PT | 葡萄牙文 |
ru | 俄文 |
sv | 瑞典文 |
tr | 土耳其文 |
zh-CN | 中文 (簡體) |
zh-TW | 中文 (繁體) |
問卷調查參與意願選項的程式碼範例
您訂單確認頁面上的變數值通常會替換為伺服器端程式碼。下列範例顯示如何透過 PHP 導入參與意願選項模組的程式碼:
<!-- BEGIN GCR Opt-in Module Code -->
<script src="https://apis.google.com/js/platform.js?onload=renderOptIn"
async defer>
</script>
<script>
window.renderOptIn = function() {
window.gapi.load('surveyoptin', function() {
window.gapi.surveyoptin.render(
{
"merchant_id": 42,
"order_id": "<?php echo $order_id ?>",
"email": "<?php echo $email_address ?>",
"delivery_country": "<?php echo $user_country ?>",
"estimated_delivery_date": "<?php echo $delivery_date ?>",
"products": [{"gtin":"<?php echo $gtin_1 ?>"}, {"gtin":"<?php echo $gtin_2 ?>"}],
"opt_in_style": "BOTTOM_LEFT_DIALOG"
});
});
}
</script>
<!-- END GCR Opt-in Module Code -->
<!-- BEGIN GCR Language Code -->
<script>
window.___gcfg = {
lang: 'en_US'
};
</script>
<!-- END GCR Language Code →
如果網頁並未顯示參與意願選項模組,或是載入頁面時發生錯誤,可以參考這裡的說明解決問題。