ブログ

フォーム送信時にURLにパラメータを付与する｜Tips｜日本トップクラスのHubSpotテック企業 株式会社パンセ

作成者: Admin｜Nov 18, 2020 3:00:00 PM

HubSpotフォームを利用してアフィリエイトのコンバージョンを計測するには？

実現したいこと / 背景

アフィリエイトサイトを利用しているウェブサイトへの実装です。フォームは、WordPressで作成されたページにエンベッドコードで埋め込んでいます。

フォーム送信後にリダイレクトされるサンキューページには、別途<head>内にアフィリエイトの計測タグが埋め込まれています。送信を識別するためのIDに電話番号を使用しているため、サンキューページに電話番号のデータを渡す必要があります。

データの渡し方

フォームに入力された電話番号の値をサンキューページのURLのパラメーターとして設定。ページ側では、PHPの$_GETで値を取得しています。

実装のポイント

  1. フォームに入力された電話番号の値を取得
    $form.find('input[name="phone"]').val();
  2. サンキューページのリダイレクト設定
    window.location.href = "https//xxx.xxx.jp";
  3. タイムラグが発生することを考慮し、リダイレクトするまで2.5秒ほど間をとる

スクリプト

  
    
   
  1. <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
    2. 
   
  2. <script>
    3. 
   
  3.  hbspt.forms.create({
    4. 
   
  4.  portalId: "xxxxxxx",
    5. 
   
  5.  formId: "xxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxxxxx",
    6. 
   
  6.  inlineMessage: "このページはリダイレクトされます",
    7. 
   
  7.  onFormSubmit: function ($form) {
    8. 
   
  8.  setTimeout(function () {
    9. 
   
  9.  var website = $form.find('input[name="phone"]').val();
    10. 
   
  10.  window.location.href = "https://www.100inc.jp/thanks?id=" + website;
    11. 
   
  11.  }, 2500); // 2500ミリ秒遅延させる
    12. 
   
  12.  },
    13. 
   
  13.  });
    14. 
   
  14. </script>
    15.

サンキューページのURL：
https://www.100inc.jp/thanks?id=000-000-0000
完全な記事を表示