追蹤網站上電話號碼獲得的來電

使用來電轉換追蹤，您就能瞭解廣告促使客戶透過網站來電的成效。每當使用者點按您的廣告而連上網站時，網站來電轉換追蹤便可協助您辨別並評估網站上的來電。

只要來電通話時間超過您所設的最短長度，這類轉換追蹤就會將來電當做轉換記下。如此一來，您就可以篩去通話時間較短的來電，因為這些來電可能不含銷售或對您商家有價值的其他動作。

您可以使用動態產生的 Google 轉接號碼取代網站上的商家電話號碼，這項服務為免費提供。這樣就能查看哪些關鍵字、廣告、廣告群組和廣告活動最能促成來電轉換。

提示：Google Analytics (分析) 現已推出「電話 Analytics (分析)」與報表功能。如果您有 Google Analytics (分析) 帳戶，只要啟用網站來電轉換功能，即可存取網站來電的相關報表。電話 Analytics (分析) 指標是 Google Ads 報表中的一個指標群組選項。

事前準備

如果您使用其他系統來追蹤促成銷售或其他轉換的來電，建議您改為建立匯入來電轉換動作，或參考「來電轉換追蹤簡介」一文中的所有來電轉換動作。

若要設定網站來電轉換追蹤，您必須具有：

  • Google Ads 帳戶
  • 位於適用國家/地區的商家：Google 轉接號碼服務目前適用這些國家/地區。
  • 網站：您必須在網站上加入轉換追蹤程式碼 (又稱「代碼」)。
  • 修改網站的能力：您或網站開發人員必須能在網站上加入轉換追蹤代碼，並加入一段可將商家電話號碼換成 Google 轉接號碼的 JavaScript 程式碼。

操作說明

為網站上的 Google 轉接號碼來電建立轉換追蹤時，有兩個部分需要進行設定。

  1. 建立轉換動作
  2. 設定 Google 代碼

Google 代碼設定完成後，您需要加入電話程式碼片段。「電話程式碼片段」會將您網站上的電話號碼換成 Google 轉接號碼。請將這個程式碼片段安插在顯示電話號碼的網頁上。

  1. 按一下「電話程式碼片段」旁邊的「下載程式碼片段」。您可以在網站上手動輸入電話程式碼片段。電話程式碼片段會將您網站上的電話號碼換成 Google 轉接號碼，讓您可以查看廣告促使客戶透過網站來電的成效。程式碼片段會自動填入您輸入的顯示電話號碼。
  2. 選擇代碼的安插方式，可使用的方法如下：
    • 自行安插代碼。如果選取這個選項，就必須按照以下操作說明，在安插代碼後手動編輯網站程式碼。這個選項為進階功能，只有熟悉 JavaScript 的使用者才建議選用。如果您要為網站上的多個電話號碼追蹤來電，則必須使用這個選項。注意：使用預設 JavaScript 代碼時，每個頁面上只能追蹤一個號碼。
    • 以電子郵件傳送代碼。
    • 使用 Google 代碼管理工具。
  3. 如果您選擇「以電子郵件傳送代碼」，請在「電子郵件地址」旁邊輸入網頁程式開發人員的電子郵件地址。
  4. 按一下「傳送並繼續」。
  5. 按一下「建立並繼續」。
以下是加入轉換追蹤代碼之前和之後的 HTML 範例：
  • 加入轉換追蹤程式碼「之前」的 HTML 程式碼範例 (僅供參考，請勿加進網站的程式碼中)。

    <html>
    <head>
    <title>HTML 檔案範例</title>
    </head>
    <body>
    這部分為網頁內文。
    </body>
    </html>

  • 加入轉換追蹤程式碼「之後」的 HTML 範例程式碼 (僅供參考，請勿加進網站程式碼中)。

    <html>
    <head>
    <title>HTML 檔案範例</title>
    <!- - Google 代碼 (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 代碼管理工具中設定代碼

  1. 登入 Google 代碼管理工具。
  2. 選取任何工作區。
  3. 點擊「代碼」
  4. 按一下「新增」建立新代碼。
  5. 按一下「代碼設定」。向下捲動並選取「Google Ads 網站來電轉換」。
  6. 提供您網站上顯示的電話號碼。
    注意：您輸入的電話號碼必須與網站上顯示的完全相同。
  7. 提供 Google Ads 帳戶中顯示的轉換 ID 和標籤。
  8. 提供或建立觸發條件，當使用者點按您的搜尋廣告，然後撥打網站上顯示的轉接號碼時就會觸發。
    • 注意：使用者點按廣告並造訪網頁後，步驟 6 中提供的轉接號碼就會啟用，不需要其他的觸發使用者觸發條件。
  9. 儲存代碼並發布變更。

注意：Google 代碼管理工具的標準網站來電轉換代碼與國際電話號碼格式不相容。這會導致 Google 轉接號碼顯示時出現額外的加號「+」。為避免 Google 代碼管理工具網站來電轉換代碼中出現不必要的加號，電話號碼請採用國內電話號碼格式 (不含加號)。

手動編輯網站程式碼來顯示 Google 轉接號碼

如果您在執行上述步驟時，已提供網站上顯示的電話號碼，就不需要採取下列步驟。如果選取「不輸入號碼」，則請您或網站開發人員參考下方範例，以瞭解後續步驟。

範例

  1. 找出已加入電話程式碼片段的網頁 (也就是顯示電話號碼的網頁)，然後開啟該網頁的 HTML。電話程式碼片段看起來會像是下面的程式碼範例，其中「TAG_ID」代表您的轉換 ID，「CONVERSION_LABEL」則代表您的轉換標籤：

    <script>
    gtag('config', 'TAG_ID/CONVERSION_LABEL', {
    'phone_conversion_number': 'REPLACE WITH VALUE'
    });
    </script>

  2. 請將 phone_conversion_number 參數的「REPLACE WITH VALUE」這段文字換成您的商家電話號碼，而且應與網頁上的號碼完全一樣，包括任何相關的國家/地區代碼。
  3. (選用) 將下列選用參數加進電話程式碼片段，並按照下列指示分別輸入各個參數的值：
    1. phone_conversion_callback：輸入回呼函式。系統會用兩個引數來叫用此函式，第一個引數是格式化的電話號碼 (格式和 phone_conversion_number 參數相同)，第二個引數則是純文字格式的電話號碼 (例如 '18001234567')。
    2. phone_conversion_css_class：輸入 CSS 類別名稱。該類別中所有元素的內容都會由格式化的電話號碼取代。
    3. phone_conversion_options：您可以輸入下列其中一個值：
      • timeout：電話號碼的擷取時間上限 (單位為毫秒)。如果無法在這段時間內擷取到電話號碼，系統就不會將任何號碼傳送給 target。預設的逾時值是 5000 毫秒。
      • cache：如果想停止在 Cookie 中快取已擷取的電話號碼，請將這個值設為「false」，否則請設為「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'.
    // (在本例中為「1-650-555-5555」)
    // mobile_number：要在含有 tel:-URI 的可點擊連結中
    // 使用的格式化號碼 (在本例中為「+16505555555」)
    var e = document.getElementById("number");
    e.innerHTML = "";
    e.appendChild(document.createTextNode(formatted_number));
    },
    'phone_conversion_options': {
    'timeout': 20,
    'cache': false
    }
    });
    </script>
  4. 儲存您對網頁所做的變更。

以下分別依據 3 種不同的用途，舉例說明導入這段程式碼的方式。

範例 1：將您的固定電話號碼換成 Google 轉接號碼

這個函式會取得電話號碼，並以此取代特定 class 所有 span 代碼內容中的號碼。在以下範例中，span 代碼內的電話號碼「1-800-123-4567」將換成系統動態產生的格式化轉接號碼。

  1. 將包含 number 值的 phone_conversion_css_class parameter 參數加進電話程式碼片段。以下範例會醒目顯示這一行：

    <script type="text/javascript">
    gtag('config', 'TAG_ID/CONVERSION_LABEL', {
    'phone_conversion_number': '1-800-123-4567',
    'phone_conversion_css_class':'number'
    });
    </script>

  2. 在顯示電話號碼的網頁 HTML 中，將 phone_conversion_css_class 參數中 class 的值 (以下範例中醒目顯示的部分) 加進包含電話號碼的 span 代碼之間。
    <body>
    <span class="number">1-800-123-4567</span>
    </body>

例 2：將 Google 轉接號碼傳送至自訂回呼函式

這個函式會取得電話號碼，並將它傳送至回呼函式。下列回呼函式範例會用格式化的轉接號碼取代 ID 是「number」的元素內容。

  1. 按照下列程式碼範例更新電話程式碼片段，將「1-800-123-4567」換成網站上顯示的電話號碼，另外也請務必將「TAG_ID」換成 Google Ads 帳戶專屬代碼 ID，「CONVERSION_LABEL」則換成轉換動作專屬轉換標籤。

    <script type="text/javascript">
    var callback = function(formatted_number, mobile_number) {
    // formatted_number：要顯示的號碼，格式與
    // 傳送至「phone_conversion_number」的號碼相同。
    // (in this case, '1-800-123-4567')
    // mobile_number：要在含有 tel:-URI 的可點擊連結中
    // 使用的格式化號碼 (在本例中為「+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>

  2. 在顯示電話號碼的網頁 HTML 中，將包含 number 值的 ID 參數 (以下範例中以黃色標明的部分) 加進包含電話號碼的 span 標記之間。
    <body>
    <span id="number">1-800-123-4567</span>
    </body>

為方便在手機上查看網站的使用者撥打您的商家電話號碼，您可以將 Google 轉接號碼設為可點擊。

例 3：將 Google 轉接號碼傳送至行動版網站上的自訂回呼函式
在包含可點擊電話號碼的行動版網頁上，替換顯示的號碼以及點擊時撥打的號碼。此時，您必須使用回呼函式。

  1. 按照下列程式碼範例更新電話程式碼片段，將「1-800-123-4567」換成網站上顯示的電話號碼，另外也請務必將「CONVERSION_ID」換成 Google Ads 帳戶專屬轉換 ID，「CONVERSION_LABEL」則換成轉換動作專屬轉換標籤。
    <script type="text/javascript">
    var callback = function(formatted_number, mobile_number) {
    // formatted_number：要顯示的號碼，格式與
    // 傳送至「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>
  2. 在顯示電話號碼的網頁 HTML 中，將包含 number 值的 ID 屬性 (以下範例中醒目顯示的部分) 加進包含電話號碼的 <a> 代碼之間。
    <body>
    <a href="tel:18001234567" id="number">1-800-123-4567</a>
    </body>

查看程式碼

這個轉換動作可能需要 1 小時才會對廣告生效。如果想確認轉換動作是否能正常運作，您可以透過搜尋來帶出廣告，然後按下廣告前往網站 (您必須為這筆點擊付費)。這時，您的商家電話號碼應該已經換成 Google 轉接號碼。

如果您想多測試幾次，請先從瀏覽器中刪除「gwcc」Cookie，然後再次點擊廣告。

相關連結

這對您有幫助嗎？

我們應如何改進呢？

還有其他問題嗎？

嘗試以下步驟：

張貼到產品討論社群 向社群成員尋求答案
與我們聯絡 進一步說明相關資訊，我們會盡力協助您
true
Achieve your advertising goals today!

Attend our Performance Max Masterclass, a livestream workshop session bringing together industry and Google ads PMax experts.

Register now

搜尋
清除搜尋內容
關閉搜尋
主選單
9812058780382017574
true
搜尋說明中心
true
true
true
true
true
73067
false
false
false