非HubSpotフォーム送信時のトラッキング処理が間に合わない

解決
D-shuhei
参加者

現在、Webアプリケーション内にトラッキングコードを埋め込み、非HubSpotフォームからの送信内容をHubSpotへ連携しようとしています。Webアプリケーションは、トラッキングコードが埋め込まれているページからフォームを送信し、別のページにリダイレクトするような動きになっています。しかし、JavaScriptによるHubSpotへのデータ送信が完了するよりも先に画面遷移してしまうためか、データ連携が上手くいきません。リダイレクトさせなかった場合、またはリダイレクトを3~4秒待った場合はデータが正常に連携できるのですが、可能であればHubSpotへの送信処理が完了したことをトリガーにしてリダイレクトさせたいです。何か良い方法はありますでしょうか。

0 いいね!
1件の承認済みベストアンサー

受理された解決策
assi
解決策
トップ投稿者 | Diamond Partner

リダイレクトの処理を制御できる前提になってしまいますが、1番確実な方法は Submit data to a form APIを利用することかと思います。

 

  1. 非HubSpotフォームの送信イベントが発火する
  2. 何らかの形(上記フォームの送信データを取る、DOMからデータを抽出するなど)でフォームの入力内容を取得し、Submit data to a form APIにてHubSpotにデータを送信する
  3. 2のHTTP通信のコールバックにリダイレクト処理を入れる、または非同期処理などでPromiseが解決されたらリダイレクト処理を実行する

ですと、確実にHubSpotにデータが入ってからリダイレクトを行え、かつ処理もブラウザで完結するのでシンプルかと思います(対応するフォームをHubSpotにも作る必要があることだけ、若干二重管理ですが…)。

元の投稿で解決策を見る

3件の返信
natsumimori
コミュニティーマネージャー

@D-shuhei さん、コミュニティーへの投稿ありがとうございます!

 

@assi さん、 @littlehelp さん、アドバイスをお願いできますでしょうか?

0 いいね!
assi
解決策
トップ投稿者 | Diamond Partner

リダイレクトの処理を制御できる前提になってしまいますが、1番確実な方法は Submit data to a form APIを利用することかと思います。

 

  1. 非HubSpotフォームの送信イベントが発火する
  2. 何らかの形(上記フォームの送信データを取る、DOMからデータを抽出するなど)でフォームの入力内容を取得し、Submit data to a form APIにてHubSpotにデータを送信する
  3. 2のHTTP通信のコールバックにリダイレクト処理を入れる、または非同期処理などでPromiseが解決されたらリダイレクト処理を実行する

ですと、確実にHubSpotにデータが入ってからリダイレクトを行え、かつ処理もブラウザで完結するのでシンプルかと思います(対応するフォームをHubSpotにも作る必要があることだけ、若干二重管理ですが…)。

元の投稿で解決策を見る

D-shuhei
参加者

ご返信いただきありがとうございます。
リダイレクト処理はこちらで設定可能でしたので、ご教授いただいた実装方法で検証を行っております。

現時点ではこちらの方法で上手く実装できそうです。

実装で行き詰った際には、再度こちらで質問させていただくかもしれません。

その際はよろしくお願いいたします。