Unbounce のスタートガイド

このページで学べること

ランディングページを使用して顧客をメインのメールリストに追加したり、ウェルカムシリーズ フローをトリガーしたりできるようにするために、Unbounce を Klaviyo と連携する方法をご覧ください。Unbounce のランディングページで連絡先を収集し、その後ウェルカムシリーズやその他のパーソナライズされたメッセージを自動的に送信できます。Klaviyo の Unbounce 外部連携を有効にするには、Klaviyo と Unbounce の両方で手順を行う必要があります。

目次

1. Unbounce でフォームフィールドを確認する
2. Klaviyo で外部連携を有効にする
3. Unbounce Webhook の設定
4. Klaviyo で Unbounce のデータを表示
5. Unbounce のデータを Klaviyo で使用する
6. トラブルシューティング

Unbounce でフォームフィールドを確認する

Webhook を介して Klaviyo にデータを取り込むには、Unbounce ページに、email にマッピングされたフィールドを含むフォームが必要です。以下に示す手順に従って、Webhook を接続する前に、フォームフィールドが正しく設定されていることを確認できます。

Unbounce にはページを作成する方法が 2 つあります：標準ビルダーと Smart Builder です。フォームフィールドを確認する手順は、どちらの場合も同様です。以下のいずれのフォームについても詳しくは、Unbounce の フォームの設定 に関するドキュメントをご覧ください。

Standard ビルダー

1. Unbounce で、表示したいページを選択し、ページ下部の [編集] をクリックします。
   

2. ページエディタでフォームをクリックし、次に [フォーム フィールドを編集] をクリックします。
   

3. [メール *] ボックスをクリックして、フィールド設定を開きます。次に、フィールド名と ID ボックスが email に設定されていることを確認します。このテキストを編集する必要がある場合は、フィールドラベルから自動生成 のチェックを外し、編集を行います。
   

4. フィールド名を確認したら、[完了] をクリックします。
5. フォームに変更を加えた場合は、更新を反映するために、[保存] をクリックし、次に上部メニュー バーで [再公開] をクリックします。

スマートビルダー

1. Unbounce で編集したいページに移動し、ページ下部の [編集] をクリックします。
   

2. フォーム内で、メール テキストボックスのドロップダウンをクリックし、[フィールドを編集] を選択します。
   

3. [フィールドを編集]メニューで、[フィールド名/ID]ボックスが email に設定されていることを確認します。
   

4. フィールド名を確認したら、[送信] をクリックします。
5. フォームに変更を加えた場合は、更新を反映するために、[保存] をクリックし、次に上部メニュー バーで [公開] をクリックします。

Klaviyo で外部連携を有効にする

1. Klaviyo で、[外部連携] タブを選択します。
2. [アプリを探す] をクリックして Unbounce を検索し、次にカードをクリックします。
3. 次に、[インストール] をクリックします。
4. ［Unbounce に接続］をクリックします。
   

5. Unbounce のリードを特定の Klaviyo リストに同期するには、「Add leads to a Klaviyo list」 の横にあるチェックボックスを選択します。ドロップダウンから、初回のリードを同期するリストを選択します。
   

6. Webhook セットアップで、Webhook URL とヘッダー名をコピーします。シークレットを生成し、それもコピーします。これらの値は、次のセクションで Unbounce 内に Klaviyo 向けの Webhook を作成する際に使用されます。
7. [設定を完了] をクリックします。

Unbounce Webhook の設定

1. Unbounce にアクセスしてください。Unbounce の「すべてのページ」ページで、Klaviyo の Webhook を追加するページを選択します。
   

2. [外部連携] タブをクリックし、[Webhook] > [Webhook を追加] を選択します。

3. Choose a URL to POST form data to の下にある最初のテキスト ボックスに、Klaviyo の URL を貼り付けてください。

4. URL の下に、デフォルト と表示される設定があります。その設定は変更しないでください。[デフォルト]である必要があります。
5. [カスタム ヘッダー] メニューを開き、[カスタム ヘッダーを追加] をクリックします。Klaviyo からヘッダーを「Header(s)」フィールドに貼り付けます。次に、Klaviyo から生成されたシークレットを「Value」フィールドに貼り付けます。

6. Unbounce Form Data 内で、左側の Unbounce Field ID の下にある email フィールドが、右側の email にマッピングされていることを確認してください。これが your_email などの別の値にマッピングされている場合、Klaviyo はこのプロパティをメールアドレスとして認識できず、Webhook は破棄されます。マッピングは大文字と小文字が区別され、email はすべて小文字でフォーマットする必要があります。
7. すべてのフィールドを確認したら、[変更を保存] をクリックします。
8. 外部連携が処理されるまでしばらくお待ちください。外部連携が成功すると、Webhook の更新が完了しました という、次の完了メッセージが表示されます。セットアップを完了するには、[完了] をクリックしてください。

Klaviyo で Unbounce のデータを表示

Klaviyo の Webhook を追加したら外部連携を確認するために、Unbounce ページから新しいリードを作成します。

Klaviyo は、Unbounce のアイコンが横に表示される 「フォーム入力完了」メトリックを通じてリードを同期します。これが Klaviyo に正しく同期していることを確認するには、[分析] > [メトリック] に移動し、Unbounce で絞り込みます。現在、Klaviyo は Unbounce と 1 つのメトリックを同期します。「フォーム入力完了」。「フォーム入力完了」 を選択して、このメトリックに固有のデータを確認します。

[アクティビティ フィード] アイコンをクリックすると、このリード用に新しいプロファイルが Klaviyo アカウントに作成されているはずです。これが表示される場合、リードは同期されています。

Klaviyo は、フォームで email を必須フィールドに設定している場合にのみ、リードを記録します。リードにメールアドレスが含まれていない場合、Klaviyo はそのリードを無視します。

[フォームへの入力] メトリックには次のメタデータが含まれており、セグメントとフローで使用できます。

• ページ ID
  ユーザーが入力したフォームの一意の ID
• ページ名
  Unbounce のフォーム名
• ページ バリエーション
  Unbounce のフォームのバリエーション（Unbounce の Smart Traffic で使用されるもの）

Unbounce のデータを Klaviyo で使用する

セグメントを作成

フォームの特定のバリエーションに回答した顧客に特定のメールキャンペーンを送信したい場合は、ページ バリエーション データを使用して Klaviyo でセグメントを作成できます。

1. Klaviyo で [オーディエンス] > [リスト＆セグメント] に移動します。
2. [リスト/セグメントを作成] をクリックし、[セグメント] を選択します。
3. 新しいセグメントに適切な名前を付け、次の定義をセグメントに追加します：
   • 登録リスト：「次に該当」を選択します。
     Klaviyo の特定のリストに登録されている顧客に限定したい場合にこの条件を利用します。それ以外の場合は、次の定義に進みます。
   • 誰かが実行したこと（または実行していないこと）：Unbounce の Filled Out Form メトリックに設定し、確認したい期間を選択します。
   • [フィルターを追加] をクリックし、ドロップダウンから Page Variant プロパティを選択してから、equals ボックスにページバリエーションを入力します。
     

4. 完了したら [セグメントを作成] をクリックします。

ウェルカムフローを作成する

Unbounce のデータを使用して、フォームにメールアドレスが入力されたときにトリガーされるウェルカムメールのシリーズを作成できます。Klaviyo でこれを行う利点は、リードがメールリストに追加されたときにトリガーされる 2～3 通のメッセージからなるウェルカムシリーズを設定できる点です。詳しくは、ウェルカムシリーズの作成に関するガイドをご覧ください。

トラブルシューティング

Webhook の設定でフォーム フィールドが入力されません

Webhook の設定でフォームフィールドが表示されない場合は、フォームフィールドを再同期するためにページを再公開する必要があるかもしれません。

再公開するには：

1. Unbounce のページを開き、[編集] 画面に移動します。
2. ページ上で何でも選んで少し変更し、[保存] をクリックします。
3. 変更を元に戻し、もう一度 [保存] をクリックします。
4. [公開]（使用しているビルダーに応じて[再公開]）をクリックします。
5. Unbounce アカウントの [Webhook] タブに戻り、もう一度セットアップを試してください。Webhook の設定で、フォームフィールドに値が入力されていることを確認できるはずです。
6. この問題が解決しない場合は、Unbounce サポートチームまでご連絡ください。

達成できること

これで Unbounce と Klaviyo の外部連携が完了し、同期されたデータを確認しました。

その他のリソース