使用來電轉換追蹤能助您瞭解廣告對吸引網站訪客來電的成效。如果用戶在點擊您其中一個廣告後瀏覽您的網站,網站來電轉換追蹤就能助您識別及計算瀏覽網站後的來電。
若通話長度超過您所設定的時間下限,這種轉換追蹤功能便會將該次來電計算為一次轉換。這樣,您就可篩出通話時間較短、大概不會為您商家帶來銷售或其他有價值動作的來電。
您可以使用動態產生的 Google 來電轉駁號碼取代您網站上的商家電話號碼,費用全免。這樣,您就能評估哪些特定關鍵字、廣告、廣告群組及廣告系列促成了來電轉換。
開始之前
如果您使用另一系統來追蹤促成銷售或其他轉換的來電,建議您改為匯入來電轉換動作。您亦可參閱「關於來電轉換追蹤」一文,查看所有來電轉換動作。
設定網站來電轉換追蹤前,需先具備以下各項:
- Google Ads 帳戶
- 位於合資格國家/地區的商家:Google 來電轉駁號碼目前適用於這些國家/地區。
- 網站:您需在網站內加入轉換追蹤碼 (又名「標籤」)。
- 編輯網站的能力:您或您的網絡開發人員需能夠在網站上加入轉換追蹤標籤,並加入 JavaScript 片段,以 Google 來電轉駁號碼取代您的商家電話號碼。
指示
為網站上的 Google 來電轉駁號碼設定來電轉換追蹤分為 2 部分。
設定 Google 標籤後,您需要加入電話程式碼片段。「電話程式碼片段」會以 Google 來電轉駁號碼替代您網站上的電話號碼。請在您電話號碼出現的網站網頁上加入此程式碼片段。
- 在「電話程式碼片段」旁邊,按一下 [下載程式碼片段]。您可在網站上手動輸入電話程式碼片段。電話程式碼片段會以 Google 來電轉駁號碼替代您網站上的電話號碼,以評估廣告對吸引網站訪客來電的成效。您輸入的顯示電話號碼將自動填入程式碼片段。
- 選取加入標籤的方式。您可以:
- 自行加入標籤。如選取此選項,您需要在加入標籤後按照以下指示手動修改網站程式碼。這是進階選項,只有在您自信能使用 JavaScript 時才建議採用。若想追蹤網站上多個電話號碼的來電,便應採用此選項。注意:如使用預設的 JavaScript 標籤,每頁只能追蹤一個號碼。
- 透過電郵傳送標籤。
- 使用「Google 廣告標籤管理工具」。
- 如果您選擇「透過電郵傳送標籤」,請在「電郵地址」旁輸入網站開發人員的電郵地址。
- 按一下 [傳送並繼續]。
- 按一下 [建立並繼續]。
- 插入轉換追蹤碼前的 HTML 範例 (僅作示範之用,請不要加入網站的程式碼中)。
<html>
<head>
<title>HTML 範例檔案</title>
</head>
<body>
這部分為網頁內文。
</body>
</html> -
插入轉換追蹤碼後的 HTML 範例 (僅作示範之用,請不要加入網站的程式碼中)。
<html>
<head>
<title>Sample HTML File</title>
<!-- Google tag (gtag.js) - Google Ads: TAG_ID -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID');</script>
<script>
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-650-555-5555'
});
</script></head>
<body>
這部分為網頁內文。
</body>
</html>
使用「Google 廣告標籤管理工具」追蹤網站上電話號碼所得的來電
您可按照以下指示使用「Google 廣告標籤管理工具」追蹤網站上電話號碼所得的來電:
在「Google 廣告標籤管理工具」中設定標籤
- 登入「Google 廣告標籤管理工具」。
- 選擇任何工作區。
- 按一下 [標籤]。
- 按一下 [新增] 以建立新標籤。
- 按一下 [標籤設定]。向下捲動並選取 [Google Ads 網站來電轉換]。
- 提供您在網站上顯示的電話號碼。
注意:您輸入的電話號碼必須與您網站顯示的完全相同。
- 提供 Google Ads 帳戶的「轉換 ID」和「標籤」。
- 提供或建立觸發條件,以在用戶點擊「搜尋廣告」後撥打網站上的來電轉駁號碼時觸發。
- 注意:用戶點擊廣告並瀏覽網站網頁後即可觸發步驟 6 提供的來電轉駁號碼,無需用戶另外以任何方式觸發。
- 儲存標籤並發佈變更。
注意:「Google 廣告標籤管理工具」標準網站來電轉換標籤並不兼容國際電話號碼格式。有關格式可能會令 Google 來電轉駁號碼意外出現加號 (+)。為免「Google 廣告標籤管理工具」網站來電轉換標籤錯誤顯示加號,請使用當地的電話號碼格式 (沒有加號)。
手動修改網站程式碼以顯示 Google 來電轉駁號碼
如果您完成上述步驟時已提供您網站顯示的電話號碼,就無需執行以下步驟。如果您選取「不要輸入任何號碼」,請您或網站開發人員參考下方範例執行後續步驟。
範例
- 開啟加入了電話程式碼片段或顯示電話號碼的網頁之 HTML。電話程式碼片段大致上與以下程式碼範例相似,其中
「TAG_ID」
代表標籤 ID,「CONVERSION_LABEL」
則代表轉換標籤:<script>
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': 'REPLACE WITH VALUE'
});
</script> - 請將「phone_conversion_number」參數的「REPLACE WITH VALUE」改為您商家的電話號碼。請確保此號碼與您網頁上的號碼相符,並加入任何相關的國家/地區代碼。
- (自選步驟) 在電話程式碼片段中加入以下自選參數,並按照指示為這些參數輸入相應的值:
- phone_conversion_callback:輸入回調函數。此函數會被兩個引數呼叫:第一個引數是格式化電話號碼 (與 「phone_conversion_number」參數的格式相同),第二個引數則為一般格式的電話號碼 (例如:'18001234567')。
- phone_conversion_css_class:輸入 CSS 類別名稱。該類別所有元素的內容都會被格式化電話號碼取代。
- phone_conversion_options:您可輸入以下其中一個值:
- timeout:擷取電話號碼的時間上限 (以毫秒為單位)。如果系統無法在這段時間內擷取電話號碼,就不會將任何號碼傳送給 target。預設逾時值為 5000 毫秒。
- cache:只要設定為「false」,即可停止在 Cookie 中快取已擷取的電話號碼,否則請將此值設定為「true」。
電話程式碼片段連自選參數範例
<script>
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-650-555-5555',
'phone_conversion_callback': function(formatted_number, mobile_number) {
// formatted_number: number to display, in the same format as the
// number passed to 'phone_conversion_number'.
// (in this case, '1-650-555-5555')
// mobile_number: number formatted for use in a clickable link
// with tel:-URI (in this case, '+16505555555')
var e = document.getElementById("number");
e.innerHTML = "";
e.appendChild(document.createTextNode(formatted_number));
},
'phone_conversion_options': {
'timeout': 20,
'cache': false
}
});
</script> - 儲存您對網頁所作的變更。
以下範例顯示如何在 3 種不同使用案例下執行這個程式碼片段。
範例 1:用 Google 來電轉駁號碼取代固網電話號碼
這個函數會取得一個電話號碼,並取代該類別中的所有 span 內容。在這個範例中,span 標籤裡的電話號碼「1-800-123-4567」會被動態產生的格式化來電轉駁號碼取代。
- 在電話程式碼片段中加入「phone_conversion_css_class」參數連「number」值。即是下例中特別標示的一行:
<script type="text/javascript">
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-800-123-4567',
'phone_conversion_css_class':'number'
});
</script> - 在您電話號碼所在網頁的 HTML 中,將「phone_conversion_css_class」參數的類別 (在下例中特別標示) 加入包含您電話號碼的 span 標籤。
<body>
<span class="number">1-800-123-4567</span>
</body>
範例 2:將 Google 來電轉駁號碼傳至自訂回調函數
此函數會取得一個電話號碼,並傳送到回調函數。範例回調函數會以一定格式的來電轉駁號碼取代包含 ID「number」的元素內容。
- 更新您的電話程式碼片段,令其與以下範例中的程式碼相符。將「1-800-123-4567」改成網站上顯示的電話號碼。此外,務必將
「TAG_ID」
改為您 Google Ads 帳戶獨有的標籤 ID,並將「CONVERSION_LABEL」
改為轉換動作獨有的轉換標籤。<script type="text/javascript">
var callback = function(formatted_number, mobile_number) {
// formatted_number: number to display, in the same format as
// 'phone_conversion_number'.
// (in this case, '1-800-123-4567')
// mobile_number: number formatted for use in a clickable link
// with tel:-URI (in this case, '+18001234567')
var e = document.getElementById("number");
e.innerHTML = "";
e.appendChild(document.createTextNode(formatted_number));
};gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-800-123-4567',
'phone_conversion_callback': callback
});
</script> - 在載有您電話號碼的網頁的 HTML 中,將 ID 參數連數值 (在下例中特別標示) 加入包含您電話號碼的 span 標籤中。
<body>
<span id="number">1-800-123-4567</span>
</body>
為方便使用手機瀏覽網站的用戶致電您的商家,您可以使用可點擊的 Google 來電轉駁號碼。
範例 3:將 Google 來電轉駁號碼傳至流動網站的自訂回調函數
在附有可點擊電話號碼的流動網頁上,同時取代顯示的號碼和點擊時撥打的號碼。這需要使用回調函數。
- 更新您的電話程式碼片段,令其與以下範例中的程式碼相符。將「1-800-123-4567」改成網站上顯示的電話號碼。亦務必以您 Google Ads 帳戶獨有的轉換 ID 取代「CONVERSION_ID」,並以轉換動作獨有的轉換標籤取代「CONVERSION_LABEL」。
<script type="text/javascript">
var callback = function(formatted_number, mobile_number) {
// formatted_number: number to display,in the same format as
// 'phone_conversion_number'.
// (in this case, '1-800-123-4567')
// mobile_number: number formatted for use in a clickable link
// with tel:-URI (in this case, '+18001234567')
var e = document.getElementById("number");
e.href = "tel:" + mobile_number;
e.innerHTML = "";
e.appendChild(document.createTextNode(formatted_number));
};
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-800-123-4567',
'phone_conversion_callback': callback
});
</script> - 在載有您電話號碼的網頁的 HTML 中,將 ID 屬性連「number」值 (在下例中以藍色標示) 加入到載有您電話號碼的 <a> 標籤中。
<body>
<a href="tel:18001234567" id="number">1-800-123-4567</a>
</body>
檢查程式碼
您的廣告可能需要最多一小時才能啟用這個轉換動作。如需確認轉換動作是否運作正常,您可透過搜尋觸發您的廣告,然後點擊廣告來瀏覽您的網站 (您需為這次點擊付費)。您原本的電話號碼現在應該會被 Google 來電轉駁號碼所取代。
如要反覆測試,請先刪除瀏覽器上的「gwcc」Cookie,才再點擊廣告。