<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=211808849452561&amp;ev=PageView&amp;noscript=1">

HubSpotの基本的な使い方から現場ベースのナレッジまで、HubSpotに特化して情報をご提供します。
どんどんコンテンツを追加していきますので、ご期待ください!

  1. Penseesトップ
  2. How to HubSpot
  3. フォーム送信時にURLにパラメータを付与する

フォーム送信時にURLにパラメータを付与する

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秒ほど間をとる

スクリプト

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

サンキューページのURL:
https://www.100inc.jp/thanks?id=000-000-0000

MAIL NOTIFY

パンセへのご相談はこちら

HubSpotお役立ち情報 コツや使い方をご紹介します!

POST SEARCH

    RECOMMEND

    CATEGORY