通話コンバージョン トラッキングを設定すると、広告がどの程度電話での問い合わせにつながっているかを把握できます。ウェブサイトからの電話問い合わせに対してコンバージョン トラッキングを設定すると、広告をクリックしてウェブサイトを訪問したユーザーがそのサイトから行った電話問い合わせを測定できます。
このタイプのコンバージョン トラッキングでは、通話時間が設定した時間を超えた電話問い合わせをコンバージョンとしてトラッキングできます。これにより、販売成立などのビジネス価値が高い行動につながっていないとみられる、通話時間の短い電話を除外できます。
お客様のビジネスの電話番号の代わりに、動的に生成された Google 広告専用転送電話番号を無料で表示することができます。通話に至ったキーワード、広告、広告グループ、キャンペーンなどを確認することができます。
始める前に
他のシステムを使って販売成立などのコンバージョンにつながった電話問い合わせをトラッキングしている場合は、通話コンバージョン アクションのデータをインポートすると効果的です。すべての通話コンバージョン アクションについて詳しくは、通話コンバージョン トラッキングについてをご確認ください。
ウェブサイトからの通話のコンバージョン トラッキングを設定する前に、以下の点をご確認ください。
- Google 広告アカウント
- 広告掲載を行っている国が、Google 広告専用転送電話番号に対応している: Google 広告専用転送電話番号はこちらの国でご利用いただけます。
- ウェブサイト: コンバージョン トラッキング コード(「タグ」といいます)を設置するサイトです。
- ウェブサイトの編集スキル: お客様ご自身またはウェブ デベロッパーの方には、コンバージョン トラッキング タグをウェブサイトに追加したり、会社の電話番号を Google 広告専用転送電話番号に置き換える JavaScript スニペットを追加したりする権限が必要になります。
手順
サイト上の Google 広告専用転送電話番号への通話に対し、次の手順でコンバージョン トラッキングを設定できます。
Google タグをセットアップしたら、電話番号スニペットを追加する必要があります。電話番号スニペットによって、サイト上の電話番号が Google 広告専用転送電話番号に置き換えられます。このスニペットは、電話番号が表示されているサイトのページに実装します。
- [電話番号スニペット] の横にある [スニペットをダウンロード] をクリックします。電話番号スニペットは手動でウェブサイトに入力できます。電話番号スニペットによって、サイト上の電話番号が Google 広告専用転送電話番号に置き換えられるため、サイト経由の問い合わせ電話の促進に広告がどの程度貢献しているかを把握できます。スニペットには、入力した表示番号が自動的に入力されます。
- タグの追加方法を選択します。次のことが可能です。
- タグを自分で追加する。このオプションを選択した場合、タグを設置した後に、以下の手順に沿ってウェブサイトのコードを手動で編集する必要があります。これは高度な設定であるため、JavaScript の扱いに慣れている方にのみおすすめします。ウェブサイトに記載されている複数の電話番号をトラッキングする場合は、この設定をご利用ください。注: デフォルトの JavaScript タグを使用すると、1 つのページでトラッキングできるのは 1 つの番号のみです。
- タグをメールで送信する。
- Google タグ マネージャーを使用する。
- [タグをメールで送信 ] を選択した場合は、[メールアドレス] の横にウェブ デベロッパーのメールアドレスを入力します。
- [送信して続行] をクリックします。
- [作成して続行] をクリックします。
- コンバージョン トラッキング コード挿入前の HTML サンプル(これはサンプルですので、実際のウェブサイトのコードとしては使用できません)。
<html>
<head>
<title>サンプル HTML ファイル</title>
</head>
<body>
これがウェブページの本文です。
</body>
</html> -
コンバージョン トラッキング コード挿入後の HTML サンプル(これはサンプルですので、実際のウェブサイトのコードとしては使用できません)。
<html>
<head>
<title>サンプル HTML ファイル</title>
<!-- Google タグ(gtag.js) - Google 広告: 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 広告経由の通話] を選択します。
- ウェブサイトに表示されている電話番号を指定します。
注: ウェブサイトに記載されているとおり電話番号を入力する必要があります。
- Google 広告アカウントのコンバージョン 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: コールバック関数を入力します。この関数は 2 つの引数によって呼び出されます。1 つ目の引数はフォーマットされた電話番号(phone_conversion_number パラメータと同じ形式)、2 つ目の引数はフォーマットされていない通常の形式の電話番号(例: '18001234567')です。
- phone_conversion_css_class: CSS クラス名を入力します。クラスに含まれるすべての要素の内容は、フォーマットされた電話番号で置換されます。
- phone_conversion_options: 次のいずれかの値を指定できます。
- timeout: 番号を取得するための最大許容時間。単位はミリ秒です。この時間内に番号が取得できなければ、target に番号が渡されません。デフォルトのタイムアウトは 5,000 ミリ秒です。
- 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: 表示される番号。
// '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> - ウェブページの変更内容を保存します。
下記の例では、このコード スニペットを実装する方法を 3 つ紹介します。
例 1: 固定電話番号を Google 広告専用転送電話番号で置き換える
次の関数は、電話番号を取得して、該当するクラスのすべての span タグの内容を置換します。この例では、span タグに格納されている電話番号「1-800-123-4567」が、動的に生成およびフォーマットされた転送番号に置き換えられます。
- 「number」という値を持つ phone_conversion_css_class パラメータを電話番号スニペットに追加します。この行は、次の例でハイライト表示されています。
<script type="text/javascript">
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-800-123-4567',
'phone_conversion_css_class':'number'
});
</script> - 電話番号が記載されているウェブページの HTML では、電話番号を含む span タグに phone_conversion_css_class パラメータのクラス(下の例でハイライト表示)を追加します。
<body>
<span class="number">1-800-123-4567</span>
</body>
例 2: Google 広告専用転送電話番号をカスタム コールバック関数に渡す
電話番号を取得してコールバック関数に渡します。以下のコールバック関数の例では、「number」という ID を持つ要素の内容をフォーマットされた転送番号で置換します。
- 下記のコードサンプルと一致するように電話番号スニペットを更新します。「1-800-123-4567」を、ウェブサイトに表示される電話番号で置き換えます。また、「
TAG_ID
」を Google 広告アカウント固有のタグ ID に置き換え、「CONVERSION_LABEL
」をコンバージョン アクションに固有のコンバージョン ラベルに置き換えてください。<script type="text/javascript">
var callback = function(formatted_number, mobile_number) {
// formatted_number: 表示される番号。
// 'phone_conversion_number' に渡される数値と同じ形式。
// (この場合 '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> - 電話番号が記載されているウェブページの HTML では、電話番号を含む span タグに「number」という値を持つ id パラメータ(下の例でハイライト表示)を追加します。
<body>
<span id="number">1-800-123-4567</span>
</body>
携帯電話でサイトにアクセスしたユーザーが簡単に電話で問い合わせができるように、Google 広告専用転送電話番号をクリック可能にすることができます。
例 3: Google 広告専用転送電話番号をモバイルサイトのカスタム コールバック関数に渡す
クリック可能な電話番号を表示するモバイルウェブ ページで、表示する電話番号と、クリックされたときに接続する電話番号の両方を置き換えます。これにはコールバック関数が必要です。
- 下記のコードサンプルと一致するように電話番号スニペットを更新します。「1-800-123-4567」を、ウェブサイトに表示される電話番号で置き換えます。また、「CONVERSION_ID」を Google 広告アカウント固有のコンバージョン ID に置き換え、「CONVERSION_LABEL」をコンバージョン アクションに固有のコンバージョン ラベルに置き換えてください。
<script type="text/javascript">
var callback = function(formatted_number, mobile_number) {
// formatted_number: 表示される番号。
// 'phone_conversion_number' に渡される数値と同じ形式。
// (この場合 '1-800-123-4567')
// mobile_number: クリック可能なリンクに使用するフォーマットされた番号
// tel:-URI で置き換え(この場合は '+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 では、電話番号を含む <a> タグに「number」という値を持つ id 属性(下の例でハイライト表示)を追加します。
<body>
<a href="tel:18001234567" id="number">1-800-123-4567</a>
</body>
コードを確認する
広告のコンバージョン アクションが有効になるまでには、最長で 1 時間かかります。コンバージョン トラッキングが機能しているかどうかを確認するには、検索して広告を表示し、広告をクリックしてウェブサイトを開きます(このクリックは課金対象となります)。ウェブサイトに、会社の通常の電話番号ではなく、Google 広告専用転送電話番号が表示されていればコンバージョン トラッキングは有効です。
繰り返しテストを行う場合は、広告を再度クリックする前にブラウザから「gwcc」という Cookie を削除してください。