---
title: フォーム送信時にURLにパラメータを付与する｜Tips｜日本トップクラスのHubSpotテック企業 株式会社パンセ
description: アフィリエイトサイトを利用しているウェブサイトへの実装です。フォームは、WordPressで作成されたページにエンベッドコードで埋め込んでいます。フォーム送信後にリダイレクトされるサンキューページには、別途<head>内にアフィリエイトの計測タグが埋め込まれています。送信を識別するためのIDに電話番号を使用しているため、サンキューページに電話番号のデータを渡す必要があるという状況です。
image: https://demo.100inc.co.jp/hubfs/Imported%20images/logo.png
---

[![株式会社100ロゴ](https://demo.100inc.co.jp/hs-fs/hubfs/Imported%20images/logo.png?width=60&height=45&name=logo.png)](https://demo.100inc.co.jp)

Nov 19, 2020, 12:00:00 AM[Marketing Hub](https://demo.100inc.co.jp/blog/tag/marketing-hub)[CMS Hub](https://demo.100inc.co.jp/blog/tag/cms-hub)

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

## 目次

1. [実現したいこと / 背景 アフィリエイトサイトを利用しているウェブサイトへの実装です。フォームは、WordPressで作成されたページにエンベッドコードで埋め込んでいます。 フォーム送信後にリダイレクトされるサンキューページには、別途内にアフィリエイトの計測タグが埋め込まれています。送信を識別するためのIDに電話番号を使用しているため、サンキューページに電話番号のデータを渡す必要があります。 データの渡し方 フォームに入力された電話番号の値をサンキューページのURLのパラメーターとして設定。ページ側では、PHPの$\_GETで値を取得しています。](https://demo.100inc.co.jp/blog/tips/hubspot-form-parameter#実現したいこと%20/%20背景%20アフィリエイトサイトを利用しているウェブサイトへの実装です。フォームは、WordPressで作成されたページにエンベッドコードで埋め込んでいます。%20フォーム送信後にリダイレクトされるサンキューページには、別途内にアフィリエイトの計測タグが埋め込まれています。送信を識別するためのIDに電話番号を使用しているため、サンキューページに電話番号のデータを渡す必要があります。%20データの渡し方%20フォームに入力された電話番号の値をサンキューページのURLのパラメーターとして設定。ページ側では、PHPの$_GETで値を取得しています。)

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

## 実現したいこと / 背景

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

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

### データの渡し方

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

![データの渡し方のイメージ画像](https://demo.100inc.co.jp/hs-fs/hubfs/Imported_Blog_Media/Image%202020-10-29%20at%202_50_06%20PM-2.png?width=600&name=Image%202020-10-29%20at%202_50_06%20PM-2.png)

## 実装のポイント

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

- [シェア](https://www.facebook.com/sharer.php?u=https%3A%2F%2Fdemo.100inc.co.jp%2Fblog%2Ftips%2Fhubspot-form-parameter)
- [ツイート](https://twitter.com/share?text=%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E9%80%81%E4%BF%A1%E6%99%82%E3%81%ABURL%E3%81%AB%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%82%92%E4%BB%98%E4%B8%8E%E3%81%99%E3%82%8B%EF%BD%9CTips%EF%BD%9C%E6%97%A5%E6%9C%AC%E3%83%88%E3%83%83%E3%83%97%E3%82%AF%E3%83%A9%E3%82%B9%E3%81%AEHubSpot%E3%83%86%E3%83%83%E3%82%AF%E4%BC%81%E6%A5%AD+%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E3%83%91%E3%83%B3%E3%82%BB&url=https%3A%2F%2Fdemo.100inc.co.jp%2Fblog%2Ftips%2Fhubspot-form-parameter)

執筆者：[Admin](https://demo.100inc.co.jp/blog/author/admin)

## 関連記事

## 人気の記事

- Nov 22, 2019, 12:00:00 AM
    - [CMS Hub](https://demo.100inc.co.jp/blog/tag/cms-hub)
  
  
  [カスタムモジュールのリピートコンテンツの入力が面倒な場合の対処法](https://demo.100inc.co.jp/blog/tips/resolve-hassle-of-repeater)
- Dec 30, 2022, 3:22:31 PM
    - [#sample](https://demo.100inc.co.jp/blog/tag/sample)
  
  
  [テストpost（複製）](https://demo.100inc.co.jp/blog/アカデミー練習-1-0)
- Jun 20, 2019, 12:00:00 AM
    - [CMS Hub](https://demo.100inc.co.jp/blog/tag/cms-hub)
  
  
  [CSSやJSの修正をすぐに確認したければ、プレビューURLで](https://demo.100inc.co.jp/blog/tips/check-update-on-preview-url)
- Dec 11, 2017, 12:00:00 AM
    - [ブログ](https://demo.100inc.co.jp/blog/tag/ブログ)
  
  
  [INBOUND 2017参加レポート サブセッション編](https://demo.100inc.co.jp/blog/tips/inbound-2017-subsessions)
- May 9, 2024, 1:20:53 PM
    - [#通常のタグ](https://demo.100inc.co.jp/blog/tag/通常のタグ)
  
  
  [test](https://demo.100inc.co.jp/blog/test-shida)

© Pensees