「問卷調查參與意願選項模組」可讓顧客選擇是否要參與 Google 顧客評論 (GCR) 計畫,同時將必要的交易資訊傳送給 Google。如要加入 Google 顧客評論計畫,就必須讓所有訂單確認頁面顯示這個模組。如果在整合問卷調查參與意願選項模組時遇到問題,請試著疑難排解。
本章節包含下列主題:
如果使用者選擇參與調查,Google 便會在訂單的預估送達日期過後,傳送問卷調查給他們。詳情請參閱 Google 顧客評論問卷調查。
電腦版和行動版網站皆可使用問卷調查參與意願功能,請記得在電腦版和行動版網站中,都加入參與意願選項的程式碼片段。
整合操作說明
如要將問卷調查參與意願選項模組整合到訂單確認頁面,請執行下列操作:
問卷調查參與意願選項模組的程式碼,必須放在結帳流程中的訂單確認頁面。所有確認頁面都必須使用 HTTPS (而非 HTTP)。
因為這個模組會觸發 Google 顧客評論 (GCR) 問卷調查參與意願選項,請盡可能確保模組中的訂單詳細資料正確無誤。
如果結帳程序採第三方處理器,請確認結帳完成後會重新導回網域中的確認頁面。
請勿讓訂單確認頁面上其他內容,遮蓋到 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> 結尾標記前貼上這段程式碼。同時加入問卷調查模組程式碼和徽章程式碼時,不必在意先後順序。
2. 將變數替換為網站獨有的動態值。下表列出您可以調整的設定項目:
變數 |
是否必填? |
說明 |
MERCHANT_ID (商家 ID) |
必填 |
你的 Merchant Center ID,可從 Google Merchant Center 中取得。 |
ORDER_ID (訂單 ID) |
必填 |
訂單專屬 ID。 |
CUSTOMER_EMAIL (客戶電子郵件地址) |
必填 |
顧客的電子郵件地址,格式為:「<名稱>@<網域>.com」。 |
COUNTRY_CODE (國家/地區代碼) |
必填 |
顧客訂單送達地點的國家/地區代碼 (由兩個字母組成)。這個值必須採用 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 |
馬來文 |
nl |
荷蘭文 |
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 -->
如果網頁上並未顯示參與意願選項模組,或是在載入頁面時發生錯誤,請試著排解問題。