メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Forms

スマートフォームを作成する

更新日時 2021年 3月 1日

対象製品

Marketing Hub  Professional, Enterprise

スマートフォームを使用すれば、ウェブサイトの訪問者や特定の閲覧者の特性に応じて、フォーム全体を変えることができます。スマートルールは、以下の条件タイプに基づくことができます。

  • 国:閲覧者の国に基づいてコンテンツを表示します。国は、訪問者のIPアドレスによって判断されます。
  • デバイスタイプ:このスマートコンテンツの中心となるデバイスを指定します(モバイル、タブレット、またはデスクトップ)。HubSpotは、訪問者のブラウザーのユーザーエージェントと呼ばれる部分を参照してデバイスタイプを判断します。これはデバイスで変更されることもあるため、いつでも正確にセグメント化できるとは限りません。
  • リファーラルソース:訪問者がサイトを見つけた方法に基づいてスマートコンテンツを表示します。
  • 優先言語:ユーザーのウェブブラウザー内で設定された言語に基づいてコンテンツをパーソナライズします。
  • コンタクトリストメンバーシップ:いずれかのHubSpotリストのメンバーであるかどうかに応じて、HubSpotデータベースで特定のコンテンツをコンタクトに表示します。
  • ライフサイクルステージ:これは、HubSpotデータベースのコンタクトのライフサイクルステージのプロパティーを参照して、このフィールドの値に基づいて関連コンテンツを表示します。

ランディングページまたはウェブサイトページでスマートフォームを作成する

  • HubSpotアカウントで、ランディングページまたはウェブサイトページに移動します。 
  • 既存のページの上にカーソルを重ねて[編集]をクリックします。
  • コンテンツエディターで、フォームモジュールをクリックします。
  • 左側のパネルで、[+スマートルールを追加]をクリックします。
  • 右側のパネルで、[次の条件に基づき異なるコンテンツを表示]ドロップダウンメニューをクリックし、スマートコンテンツのルールで基準として使用する条件を選択します。
  • [スマートルール]セクションで、[+スマートルールを追加]をクリックします。

add-smart rule

  • スマートルールを構成する別のスマートルールを追加するには、[+スマートルールを追加]をクリックします。 
  • [保存]をクリックします。
  • 左側のパネルで、フォームのオプションを編集します。[編集]ドロップダウンメニューを使用して、各スマートルールのフォームを構成します。
editing-for-smart-rules
  •  
  • 編集が終わったら、[変更を適用]をクリックします。
  • 右上の[公開]をクリックして、変更内容を公開します。
  

テンプレートでスマートフォームを作成する

  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。
  • デザインマネージャーで、スマート化するフォームモジュールを含むテンプレートの名前をクリックします。
  • フォームモジュールをクリックします。
  • 右側のモジュールインスペクターの[既定のコンテンツ]セクションで、[フォーム]ドロップダウンメニューをクリックし、モジュールの既定のフォームを選択します。
  • [続き]ドロップダウンメニューをクリックし、[モジュールをスマート化する]を選択します。 
HubSpotのヘルプ記事のスクリーンショット
  • ダイアログボックスで、スマートコンテンツのルールの基準として使用する条件を選択します。 
  • [作成]をクリックします。
  • 右側のパネルの[既定のコンテンツ]セクションで、スマートルールを作成します。デフォルトのコンテンツとスマートルールに基づいたコンテンツを切り替えるには、[コンテンツ]ドロップダウンメニューを使用します。
    • スマートコンテンツのルールを追加するには、[ルールを追加]をクリックします。
    • スマートルールの順序を変更するには、[ルールを並べ替え]をクリックします。
    • スマートルールを削除し、リッチテキストモジュールを従来の(スマート化されていない)モジュールに戻すには、[すべてのルールを削除]をクリックします。
HubSpotのヘルプ記事のスクリーンショット
  • 右上の[変更を公開]をクリックします。