Google Adwordsトラッキング

 

Strikingly のお問い合わせフォームで Google Adwords トラッキングを使用したい場合は、2つの方法があります:

 

ページのトラッキング

この方法の場合、サイトのコンタクトフォームが送信された際に、コンバージョンコードが実行されます。

ステップ1:Google広告からコンバージョンIDとコンバージョンラベルを取得する.

1.Google 広告アカウントにログインします。

2.「ツールと設定」オプションをクリックします。

 

3.「Measurement」 で 「Conversion」 をクリックします。 これにより、「Conversion Actions」テーブルが表示されます。

 

4.「Conversion Actions」 列から使用するコンバージョンの名前を選択します。

5.タグ設定のタブを展開して、タグの詳細を表示します。

6.「Google タグ マネージャーを使用する」 を選択します。

 

7.ConversionIDとConversionラベルをコピーします。

 

ステップ 2: コンバージョン ID とコンバージョン ラベルを追加する

1.次のコード (すべて) をメモ帳などの場所にコピーします。

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-YOUR_CONVERSION_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-YOUR_CONVERSION_ID');
</script>
<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-YOUR_CONVERSION_ID/YOUR_CONVERSION_LABEL',
      'event_callback': callback
  });
  return false;
}
</script>
<script>
var conversionFunc = function() {
  window.edit_page.Event.subscribe('Site.contactForm.submit', function() {
    gtag_report_conversion()
  });
};
  
_strk.push(['Page.didMount', conversionFunc]);  
</script>
 
2.コード内のテキスト YOUR_CONVERSION_IDYOUR_CONVERSION_LABEL を、Google 広告のコンバージョン ID とコンバージョン ラベルに置き換えます。
ステップ 3: Strikingly エディターにコードを入力する
1.サイト エディターに移動し、「設定」 > 「詳細を表示」 > 「カスタム コード」 > 「フッター コード」をクリックします。
2.そこにコードを貼り付けます。
3.「保存」をクリックします。
4.サイトを公開します。
 

成功リダイレクトページトラッキング

この方法では、訪問者を新しいURLを持つ成功ページにリダイレクトします。フォームを送信すると変換コードが実行されます。2つのページが必要です:
  • ページA:コンタクトフォームがホストされているページ
  • ページB:成功ページ

 

ステップ 1: Google 広告からコンバージョン ID とコンバージョン ラベルを取得する

1.Google 広告アカウントにログインします。

2.「ツールと設定」メニューをクリックします。

  
3.「Measurement」 で 「Conversion」 をクリックします。 これにより、「Conversion Actions」テーブルが表示されます。

 

4.「Conversion Actions」 列から使用するコンバージョンの名前を選択します。

5.タグ設定のタブを展開して、タグの詳細を表示します。

6.「Google タグ マネージャーを使用する」 を選択します。

 

7.ConversionIDとConversionラベルをコピーします。

ステップ 2: コンバージョン ID とコンバージョン ラベルを追加する
1.次のコード (すべて) をメモ帳などの場所にコピーします。
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-YOUR_CONVERSION_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-YOUR_CONVERSION_ID');
</script>
<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-YOUR_CONVERSION_ID/YOUR_CONVERSION_LABEL',
      'event_callback': callback
  });
  return false;
}
</script>
<script>
var conversionFunc = function() {
  window.edit_page.Event.subscribe('Site.contactForm.submit', function() {
    gtag_report_conversion("https://SUCCESS_PAGE_URL")
  });
};
  
_strk.push(['Page.didMount', conversionFunc]);  
</script>

 

2.コード内のテキスト YOUR_CONVERSION_IDYOUR_CONVERSION_LABEL を、Google 広告のコンバージョン ID とコンバージョン ラベルに置き換えます。

3.https://SUCCESS_PAGE_URL というテキストをページ B: 成功ページに置き換えます。

 

ステップ 3: Strikingly エディターにコードを入力する
1.サイト エディターに移動し、「設定」 > 「詳細を表示」 > 「カスタム コード」 > 「フッター コード」をクリックします。
2.そこにコードを貼り付けます。
3.「保存」をクリックします。
4.サイトを公開します。

 

 

さらにご質問がございましたら、お気軽にメールまたはチャットでお問い合わせください。

 

この記事は役に立ちましたか?
8人中6人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください