リードキャプチャウィジェット
リードキャプチャウィジェットを使用すると、外部ウェブサイトにフローティングポップアップまたはインラインフォームを埋め込むことができます。訪問者はページを離れることなく詳細を送信できます。
キャプチャウィジェットとは？
キャプチャウィジェットは、ウェブサイトに追加する小さな JavaScript スニペットです。以下のように表示されます。
- クリックするとフォームポップアップが開くフローティングボタン（例：右下隅）、または
- ページ要素の内部に直接配置されるインライン埋め込み
訪問者がウィジェットフォームを送信すると、LeadHub ワークスペースにリードが作成されます。
キャプチャウィジェットを作成する
- サイドバーのフォーム → リードキャプチャウィジェットに移動します。
- 新規キャプチャウィジェットをクリックします。
- 以下を設定します。
| フィールド | 説明 |
|---|---|
| 名前 | このウィジェットの内部名 |
| フォーム | ウィジェットに表示する LeadHub フォームを選択 |
| トリガータイプ | ボタン（フローティングボタン）または インライン（コンテナに埋め込み） |
| ボタンラベル | フローティングボタンのテキスト（例：「お問い合わせ」） |
| ボタンカラー | ボタンの背景色 |
| 位置 | フローティングボタンの表示位置：右下、左下など |
| アクティブ | ウィジェットを有効または無効にする |
- 保存をクリックします。
埋め込みコードを取得する
ウィジェットを保存した後：
- ウィジェット行のコードを取得（またはコードアイコン）をクリックします。
- JavaScript スニペットをコピーします。
- ウェブサイトの
</body>タグの直前に貼り付けます。
インラインウィジェット
ウィジェットをインラインで（特定の div 内に）埋め込むには：
- トリガータイプを
インラインに設定します。 - ウィジェットのデータ属性を持つコンテナ要素をページに追加します。
<div data-leadhub-widget="your-widget-id"></div> - JavaScript スニペットをページ上の任意の場所（
</body>の前）に貼り付けます。
仕組み
- JS スニペットは非同期でロードされます — ページの速度に影響しません。
- 訪問者がボタンをクリックすると（インラインの場合はページロード時）、フォームがレンダリングされます。
- 送信時にデータが LeadHub インストールに送信され、リードレコードが作成されます。
- フォームに設定されたサンクスメッセージが表示されます。
複数のウィジェット
複数のウィジェットを持つことができます — ウェブサイト、製品、またはユースケースごとに1つ。各ウィジェットは特定のフォームを指します。これにより、フォームの関連付けを通じて各リードがどのウェブサイトまたはページから生成されたかを追跡できます。
ヒント
- メインウェブサイトでは一般的なお問い合わせにフローティングボタンウィジェットを使用します。
- ターゲットキャンペーンのランディングページではインラインウィジェットを使用します。
- 「フォーム送信済み」オートメーショントリガーと組み合わせて、即座に割り当てとフォローアップを行います。