【事例】GoogleタグマネージャーでHubSpot以外のフォームと連携する方法

2024.07.03

活用法・事例 HubSpot MAツール

はじめに

多くの企業が、HubSpotを利用して顧客管理やマーケティングオートメーションを行っています。しかし、すべてのフォームがHubSpot製とは限りません。特に専用ポータルサイトを持つ企業では、ログインフォームなどの特定のフォームがHubSpotと連携していない場合が多いです。ここでは、Googleタグマネージャー（GTM）を利用してHubSpot以外のフォームと連携し、クッキーを紐付ける方法について詳しく解説します。

Googleタグマネージャーの基本

Googleタグマネージャー（GTM）は、ウェブサイトのタグ管理を一元化する強力なツールです。これにより、コードを直接編集することなく、さまざまなタグを追加、更新、管理できます。特に、マーケターやウェブデベロッパーにとって便利なツールであり、マーケティング施策の効率化が図れます。

HubSpotのログインフォームとGTMの連携

ある求人サイトでは、専用ポータルサイトのログインフォームをHubSpotと連携させることで、顧客情報をより効率的に管理することが求められていました。ログインフォーム送信時にクッキーを紐付けることで、管理画面内の他のフォームからメールアドレス欄を削除し、顧客が気軽にフォームを送信できるようになります。

導入前の課題

この求人サイトでは、HubSpot以外のフォームの送信情報をトラッキングできていましたが、クッキーを紐付けることができませんでした。そのため、各フォームで毎回メールアドレスの入力が必要であり、顧客側の手間が増えていました。また、運営側でも顧客情報の管理が煩雑になるという課題がありました。

GTM導入の決定

多くの方法を試した結果、Googleタグマネージャーを使うことでこの問題を解決できることがわかりました。以下では、実際に行った手順とその効果について具体的に紹介します。

GTMでのタグ追加の手順

1. タグの設定

まず、GTMで2種類のタグを設定します。1つ目のタグは、ページが読み込まれた際に非表示でHubSpotで作成したログインフォームと同じ内容のフォームを追加するものです。これにより、ユーザーがログインフォームに入力した情報が自動的にHubSpotに送信されます。

2. フォーム送信時のタグ

2つ目のタグは、フォームが送信されたときにその情報を非表示のHubSpotフォームにも送るものです。このタグにより、ユーザーがログインフォームを送信するだけで、HubSpotとのクッキーを紐付けることができます。

導入後の効果

顧客の利便性向上

GTMを導入後、顧客は今まで通りログインフォームを送信するだけで済むようになりました。これにより、他のフォームからメールアドレス欄が削除され、入力の手間が減少しました。

運営側の効率化

運営側も、顧客情報の管理が容易になりました。各フォーム送信時に自動的にクッキーが紐付けられるため、誰がどのフォームを送信したかを簡単に特定できるようになりました。

コミュニケーションの円滑化

顧客とのコミュニケーションも円滑になりました。フォーム送信時にメールアドレスの入力が不要になったことで、顧客が気軽にフィードバックを提供できるようになり、運営側とのやり取りがスムーズに進むようになりました。

具体的な事例

ケーススタディ1

ある日本の求人サイトでは、GTMを利用してログインフォームとHubSpotを連携させました。導入前は、各フォームで毎回メールアドレスの入力が必要であり、顧客側の手間が増えていました。しかし、GTMを導入することで、ログインフォーム送信時にクッキーが自動的に紐付けられるようになり、顧客の利便性が大幅に向上しました。