このページで学べること

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

目次

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

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

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

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

Standard ビルダー

  1. Unbounce で、表示したいページを選択し、ページ下部の [編集] をクリックします。
Page named first variant in Unbounce with Edit with dark blue background
Page named first variant in Unbounce with Edit with dark blue background
  1. ページエディタでフォームをクリックし、次に [フォーム フィールドを編集] をクリックします。
Form editor with form with fields First Name, Last Name, Email, and Industry
Form editor with form with fields First Name, Last Name, Email, and Industry
  1. [メール *] ボックスをクリックして、フィールド設定を開きます。次に、フィールド名と ID ボックスが email に設定されていることを確認します。このテキストを編集する必要がある場合は、フィールドラベルから自動生成 のチェックを外し、編集を行います。
Design your form page in Unbounce with Field Name and ID box set to email
Design your form page in Unbounce with Field Name and ID box set to email
  1. フィールド名を確認したら、[完了] をクリックします。
  2. フォームに変更を加えた場合は、更新を反映するために、[保存] をクリックし、次に上部メニュー バーで [再公開] をクリックします。

スマートビルダー

  1. Unbounce で編集したいページに移動し、ページ下部の [編集] をクリックします。
Page named first variant in Unbounce with Edit with dark blue background
Page named first variant in Unbounce with Edit with dark blue background
  1. フォーム内で、メール テキストボックスのドロップダウンをクリックし、[フィールドを編集] を選択します。
Form with email textbox dropdown open and Edit field highlighted in dark blue
Form with email textbox dropdown open and Edit field highlighted in dark blue
  1. [フィールドを編集]メニューで、[フィールド名/ID]ボックスが email に設定されていることを確認します。
Edit Field menu with Field Name/ID set to email
Edit Field menu with Field Name/ID set to email
  1. フィールド名を確認したら、[送信] をクリックします。
  2. フォームに変更を加えた場合は、更新を反映するために、[保存] をクリックし、次に上部メニュー バーで [公開] をクリックします。

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

  1. Klaviyo で、[外部連携] タブを選択します。
  2. [アプリを探す] をクリックして Unbounce を検索し、次にカードをクリックします。
  3. 次に、[インストール] をクリックします。
  4. [Unbounce に接続]をクリックします。
  1. 特定のKlaviyoリストに新しいリードを追加するには、Add new Unbounce leads to a Klaviyo listの横にあるチェックボックスを選択します。Select a listのドロップダウンからリストを選択します。リストにリードを追加しても、マーケティングメッセージには登録されません。
Unbounce を Klaviyo と連携するための設定ページ。URL、Header、Value の Webhook 設定フィールドと、特定のメールリストにリードを追加するセクションが表示されています。
  1. ウェブフックの設定で、URLとヘッダーの値をコピーします。これらの値を使用して、Unbounceでウェブフックを設定します。
  2. シークレットを生成をクリックします。完了をクリックする前に、シークレットをコピーして安全な場所に保管してください。シークレット全体を再度表示することはできません。Unbounceで、このシークレットをウェブフックの値として使用してください。
  3. [設定を完了] をクリックします。

Unbounce Webhook の設定

  1. Unbounce にアクセスしてください。Unbounce の「すべてのページ」ページで、Klaviyo の Webhook を追加するページを選択します。
Unbounceのプラットフォームの全ページを示すダッシュボードの画面。公開済みの「Webhookのテストページ」と、リードのアップロード、ダウンロード、および新しいページの作成オプションが表示されている。
  1. [外部連携] タブをクリックし、[Webhook] > [Webhook を追加] を選択します。
Webhook の設定がなく、[Webhook を追加] ボタンがある Webhook 外部連携ページを表示するユーザー インターフェース。
  1. Choose a URL to POST form data to の下にある最初のテキスト ボックスに、Klaviyo の URL を貼り付けてください。
URL、カスタムヘッダー、マッピングフィールドの各フィールドと、[変更を保存] ボタンおよび [キャンセル] ボタンを表示する Webhook のモーダルウィンドウを追加します。
  1. URL の下に、デフォルト と表示される設定があります。その設定は変更しないでください。[デフォルト]である必要があります。
  2. [カスタム ヘッダー] メニューを開き、[カスタム ヘッダーを追加] をクリックします。Klaviyo からヘッダーを「Header(s)」フィールドに貼り付けます。次に、Klaviyo から生成されたシークレットを「Value」フィールドに貼り付けます。
  1. Unbounce Form Data内で、メールフィールドをemailにマッピングします。Klaviyoでは、email_addressとyour_emailも受け付けています。これらのフィールド名は大文字と小文字が区別され、小文字にする必要があります。サポートされているフィールドに有効なメールアドレスが含まれていない送信は無視されます。
  2. すべてのフィールドを確認したら、[変更を保存] をクリックします。
  3. Unbounceでウェブフックが更新されたことを確認したら、完了をクリックしてください。Klaviyoが受信していることを確認するために、以下の説明に従ってフォーム送信をテストしてください。
Add a webhook success message with large green check and Done with dark blue background
Add a webhook success message with large green check and Done with dark blue background

Klaviyo で Unbounce のデータを表示

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

Klaviyoは、Unbounceアイコンが横に表示されるFilled Out Form メトリックを通じてリードを同期します。これがKlaviyoに正しく同期されていることを確認するには、分析 > メトリックに移動し、Unbounceでフィルタリングしてください。現在、KlaviyoはUnbounceと1つのメトリックを同期しています:Filled Out Form。Filled Out Form を選択して、このメトリックに固有のデータを確認してください。

アクティビティフィードタブをクリックし、テスト送信のフォーム入力イベントを探してください。このイベントは、新規または既存のプロファイルに紐づく場合があります。表示されていれば、フォーム送信は同期されています。

Filled out Form metric activity feed in Klaviyo showing an event from profile named Bill Klaviyo
Filled out Form metric activity feed in Klaviyo showing an event from profile named Bill Klaviyo

Klaviyoは、サポートされているフィールドに有効なメールアドレスが含まれていない送信内容を無視します。Unbounceでメールフィールドを必須に設定し、訪問者がアドレスなしでフォームを送信できないようにしてください。

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

  • ページID
    フォームが送信されたUnbounceページの一意のID
  • ページ名
    Unbounce内のページ名
  • ページバリエーション
    Unbounceのページのバリエーション。UnbounceのSmart Trafficで使用されます。

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

セグメントを作成

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

  1. Klaviyo で [オーディエンス] > [リスト&セグメント] に移動します。
  2. [作成] をクリックし、[セグメント] を選択します。
  3. セグメント名を入力してください。サイドパネルで名前を付ける場合は、セグメントを作成をクリックして、ビルダーに進みます。次の条件を追加します。
    • 登録リスト:次に該当を選択し、リストを選択してください。そのリストのプロファイルのみを含めたい場合は、ANDでこの任意の条件を追加してください。そうでない場合は、スキップしてください。
    • 顧客行動履歴(実行・未実行):UnbounceのFilled Out Formメトリックを選択し、少なくとも1回を選択してから、確認したい期間を選択します。
    • イベント条件の横にあるフィルターを追加アイコンをクリックします。ページバリエーションを選択し、次と等しいの横に一致させたいバリエーションを入力します。
    • セグメントを特定のページに限定するには、Page IDの別のイベントフィルターを追加し、次と一致の横にそのページのIDを入力します。これにより、同じバリエーション値を持つ他のページからの送信がセグメントに含まれなくなります。
Segment in segment builder in Klaviyo for someone who has filled out a form with page variant a
Segment in segment builder in Klaviyo for someone who has filled out a form with page variant a
  1. 完了したら[セグメントを作成]をクリックしてください。

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

Unbounceデータを使用して、リードがメールリストに追加されたときにトリガーされる2~3通のウェルカムシリーズを設定できます。Unbounce外部連携の設定で選択したものと同じリストを使用してください。そのリストにリードを追加しても、マーケティングの購読にはなりません。マーケティングメールを送信する前に、同意を得ていることを確認してください。詳細については、ウェルカムシリーズの作成に関するガイドをご覧ください。

トラブルシューティング

フォーム送信がKlaviyoに表示されない

Unbounceのウェブフックで、Klaviyoのウェブフック設定セクションのURLとHeaderが使用されていること、またValueが生成したシークレットであることを確認してください。ウェブフックURLの下にあるドロップダウンはデフォルトに設定したままにし、上記で説明したメールのマッピングを確認してください。フォームを再度送信し、Klaviyoで新しいフォーム入力イベントを確認してください。

新しいシークレットを生成すると、現在のシークレットが直ちに無効になります。シークレットが手元にない場合は、Klaviyoで新しいシークレットを生成をクリックしてください。新しいシークレットをコピーして保管し、古いシークレットを使用しているすべてのUnbounceウェブフックで値を更新し、Unbounceで変更を保存してください。古いシークレットを使用した送信内容は同期されません。

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

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

再公開するには:

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

達成できること

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

その他のリソース

  • フローのスタートガイド

    Klaviyo のフローの使い方を取得し、顧客コミュニケーションのパーソナライズと自動化を行う方法、および、フローをライブ設定する方法を学びましょう。(フローはオートメーションやドリップキャンペーンと呼ばれる場合もあります。)

  • セグメントのスタートガイド

    Klaviyo でセグメントを作成して使用する方法を確認しましょう。セグメントは、オーディエンスを理解し、ターゲットを絞ったメッセージを送信するための強力なツールです。

この記事は役に立ちましたか?
この記事へのフィードバックは、上記のボタン・記入欄よりご提供ください。 サポートへの連絡方法.

Klaviyo の詳細を見る

コミュニティ
同業者、パートナー、Klaviyo のエキスパートとつながり、インスピレーションを得たり、インサイトを共有したり、あらゆる質問への回答を得たりできます。
パートナー
特定のタスクや継続的なマーケティング管理のためのサポートを、Klaviyo 認定エキスパートに依頼しましょう。
サポート

アカウントからサポートにアクセスしてください。

メールサポート (無料トライアルと有料アカウント) 24 時間 365 日利用可能

チャット/バーチャル アシスタント
利用可否は地域およびプランタイプによって異なります