​

インタラクティブウォークスルー

1. MoEngage のサイドバーメニューで、Engage メニュー項目 にカーソルを合わせます。Engage メニューが表示されます。
2. + New Campaign をクリックします。
3. Engage メニューの All Campaigns をクリックし、All campaigns ページで + Create campaign をクリックすることもできます。
4. New Campaign ダイアログボックスで、Inbound の下にある On-site をクリックします。 OSM キャンペーンの作成ページが表示されます。

​

OSM キャンペーンを作成する手順

1. ターゲットユーザー: キャンペーンのターゲットオーディエンスを定義します
2. コンテンツ: 送信するプッシュ通知のコンテンツを定義します
3. スケジュールと目標: キャンペーンの配信スケジュールと目標を定義します

​

ステップ 1: ターゲットユーザー

​

キャンペーンの詳細

Campaign name - キャンペーンを管理・識別するためのキャンペーン名を入力します。キャンペーン名は 5 文字以上である必要があり、上限は 256 文字です。 Campaign tags - ドロップダウンリストからキャンペーンタグを選択します。最大 5 つのタグを選択できます。詳細については、キャンペーンタグを参照してください。

​

ターゲットプラットフォーム

Web - キャンペーンで Web プラットフォームをターゲットにする場合は Web を選択します。 Mobile Web - キャンペーンで Mobile Web プラットフォームをターゲットにする場合は Mobile Web を選択します。

​

トリガー条件

​

On Page Load

• Immediately - ユーザーに対してページが読み込まれるとすぐに OSM を表示します。
• After Delay - 指定した遅延時間の後に OSM を表示します。たとえば、遅延を 2 秒に指定した場合、ページの読み込みから 2 秒後に OSM が表示されます。
• After Scroll - ユーザーが Web サイトを約 x% スクロールした時点で OSM を表示します。スクロール率を 30 に指定した場合、ユーザーが Web サイトの 30% をスクロールした後に OSM が表示されます。

​

On Custom Event

​

IF user

1. Select an Event ドロップダウンからイベントを選択します。
2. イベントを絞り込むこともできます。その場合は次のようにします。
   • Attribute ボタンをクリックしてフィルターに属性を追加し、その属性の論理ドロップダウンを選択します。
   • さらに属性を追加するには、次の操作を行います。
     • + Attribute ボタンをクリックします
     • AND または OR をクリックします
     • Attribute ドロップダウンから該当する属性を選択し、選択した属性の論理ドロップダウンを選択します。

​

AND then

• ここで設定できる最大遅延は 24 時間、最小遅延は 1 分です。

​

THEN

• Immediately: トリガー条件が特定された直後にメッセージが表示されます。
• After Delay: 定義した遅延時間の後にメッセージが表示されます。たとえば、遅延を 2 秒に指定した場合、ページの読み込みから 2 秒後に OSM が表示されます。

​

On Exit Intent

​

ページの選択

• All pages: Web サイトのすべてのページにキャンペーンを表示します。
• Specific pages: Web サイトの特定のページにキャンペーンを表示します。URL ルールを定義して、キャンペーンを表示または非表示にするページを選択できます

1. Specific pages をクリックします。
2. If URL で、次に示すように Select Option リストから任意の条件を選択します。 利用可能な条件は次の表のとおりです。

   条件	説明
   is	条件で指定した特定の URL のいずれかでポップアップが表示されます。ポップアップを表示するには、URL が完全に一致する必要があります。
   is not	条件で指定した URL 以外の任意の URL でポップアップが表示されます。ポップアップを表示するには、URL が完全に一致していない必要があります。
   contains	条件で指定したテキストまたは文字列のいずれかを含む任意の URL でポップアップが表示されます。URL が完全に一致する必要はありませんが、指定したテキストの少なくとも 1 つを含む必要があります。
   contains (all of)	条件で指定したテキストまたは文字列をすべて含む任意の URL でポップアップが表示されます。URL が完全に一致する必要はありませんが、指定したテキストをすべて含む必要があります。
   does not contain	条件で指定したテキストまたは文字列のいずれも含まない任意の URL でポップアップが表示されます。ポップアップを表示するには、URL が指定したテキストをすべて除外している必要があります。
   does not contain (all of)	条件で指定したテキストまたは文字列をすべては含まない任意の URL でポップアップが表示されます。ポップアップを表示するには、URL が指定したテキストの少なくとも 1 つを除外している必要があります。
   starts with	条件で指定した特定のテキストまたは文字列で始まる任意の URL でポップアップが表示されます。ポップアップを表示するには、URL が指定したテキストで始まる必要があります。
   ends with	条件で指定した特定のテキストまたは文字列で終わる任意の URL でポップアップが表示されます。ポップアップを表示するには、URL が指定したテキストで終わる必要があります。
   does not starts with	条件で指定した特定のテキストまたは文字列で始まらない任意の URL でポップアップが表示されます。ポップアップを表示するには、URL が指定したテキストで始まっていない必要があります。
   does not end with	条件で指定した特定のテキストまたは文字列で終わらない任意の URL でポップアップが表示されます。ポップアップを表示するには、URL が指定したテキストで終わっていない必要があります。

3. 次に示すように、Select Option リストの隣のボックスに 1 つ以上の URL を入力します。
   情報

   • Enter キーを押すと、複数の URL やキーワードを手動で追加できます。
   • CSV から URL のリストをコピーして入力ボックスに貼り付けることもできます。
4. + Filter をクリックします。
5. And または Or 演算子を選択し、Select Option リストで条件を選択します。
6. Select Option リストの隣のボックスにキーワードを入力します。
7. 複数のルールを追加するには、手順 4 ～ 6 を繰り返します。
8. 特定のルールを削除するには、削除アイコン ( ) をクリックします。
9. Check page targeting ボックスに URL を入力して、指定した URL が定義した条件を満たしているかを確認します。
10. Check をクリックします。
    • 指定した URL が定義した条件を満たしている場合、次のように Passed 通知が表示されます
    • 指定した URL が定義した条件を満たしていない場合、次のように Failed 通知が表示されます。通知に記載されたエラーの指示に従ってください。

​

ターゲットオーディエンス

• すべてのユーザー
• ユーザープロパティでフィルター
• ユーザー行動でフィルター
• ユーザーアフィニティでフィルター
• カスタムセグメントでフィルター

このフィルターオプションを使用すると、すべてのアプリユーザーにキャンペーンを送信できます。このオプションを使用する場合、複数のフィルターを追加することはできません。

このフィルターオプションを使用すると、初回確認日時、最終確認日時、都市などのユーザープロパティに基づいてユーザーをターゲットにできます。User property タブを選択し、次の操作を行います。

1. ドロップダウンで目的の属性を選択します。選択した属性に基づいてフィルターが有効になります。たとえば、数値の属性には「is equal to」、「is not equal to」、「is between」などのフィルター条件があり、文字列属性には異なるフィルターがあります。
2. フィルター値を指定して、目的のユーザーセグメントを作成します。

詳細については、セグメントの作成を参照してください。

このフィルターオプションを使用すると、アプリ/サイトの起動、商品の閲覧など、ユーザーの行動やイベントに基づいてユーザーをターゲットにできます。User Behavior を選択し、次の操作を行います。

1. 実行条件と目的のユーザーアクティビティ (イベント) を選択します。
2. イベントの実行頻度と期間を指定します。
3. +Attributes をクリックし、フィルター条件付きのイベント属性を追加します。
4. フィルター値を指定してルールを作成します。

詳細については、セグメントの作成を参照してください。

このフィルターオプションを使用すると、特定の属性値でアクションを実行したユーザーに基づいて作成されたユーザーグループをターゲットにできます。詳細については、User Affinity を参照してください。User Affinity を選択し、次の操作を行います。

1. 目的のユーザーイベントまたは属性を選択します。
2. 次の中からユーザーアフィニティパラメーターを選択します。

• Predominantly: フィルター条件付きのアフィニティ属性を選択し、アフィニティ値を指定します
• Minimum of: フィルター条件付きのアフィニティ属性を選択し、アフィニティ値を指定します
• Most no. of times: 上位または下位のユーザーの割合を入力するか、矢印を使用して指定します
• Least no. of times

3. 上位または下位のユーザーの割合を入力するか、矢印を使用して指定します。イベント実行の期間を入力するか、矢印を使用して指定します。
4. Attribute ボタンをクリックして、フィルターに属性をさらに追加します。

このフィルターオプションを使用すると、利用可能なカスタムセグメントのリストからカスタムセグメントをターゲットオーディエンスとして選択できます。詳細については、カスタムセグメントを参照してください。

​

In-Session 属性

1. Query Parameter: URL 内のクエリパラメーターに基づいてユーザーをセグメント化できます。通常、ユーザーはソーシャルメディアプラットフォーム上の広告をクリックして、パーソナライズされた URL にアクセスします。
   • Source、Medium、Content、Campaign などの UTM パラメーターを使用して、ユーザーの訪問元や、この URL に到達したキャンペーンなどに基づいてユーザーをセグメント化できます。
   • utm_source、utm_campaign などの UTM パラメーターは、Web サイトにユーザーを誘導しているキャンペーンを特定するために使用されます。UTM パラメーターやカスタムパラメーターを使用して、ユーザーをセグメント化し、Web サイトの体験をパーソナライズできます。
2. User Type: 新規ユーザーかリピーターかに基づいてユーザーをセグメント化できます。Web SDK は、各ユーザーのユーザー詳細 (unique_id) をブラウザストレージに保存します。これらの詳細がストレージに存在する場合、そのユーザーはリピーターです。存在しない場合、そのユーザーは新規ユーザーです。
   • したがって、ブラウザのキャッシュがクリアされると、そのユーザーは新規として扱われます。
   • 注:
     • 2 人のユーザーが同じデバイスを使用し、ユーザー 1 の後にユーザー 2 がログインした場合、ユーザー 2 は リピーター (returning user) と見なされます
     • ユーザーがモバイルブラウザからログインし、その後デスクトップブラウザから再度ログインした場合、デスクトップからのログインは 新規ユーザー と見なされます。
3. Day of the Week: ユーザーが Web サイトを訪問した曜日に基づいてユーザーをセグメント化できます。
4. Time of the Day: ユーザーが Web サイトを訪問した時間帯に基づいてユーザーをセグメント化できます。ドロップダウンで、1 日のうちの任意の 1 時間枠を選択できます。
5. Geolocation: ユーザーが Web サイトを訪問した地理的位置に基づいてユーザーをセグメント化できます。ユーザーが所在する国、州/地域、都市を選択したり、特定の国を除外したりできます。
6. Device Type: ユーザーが Web サイトを訪問したデバイスに基づいてユーザーをセグメント化できます。Mobile、Desktop、Tablet のいずれか 1 つまたは組み合わせを含めたり除外したりできます。
7. Operating System: ユーザーが Web サイトを訪問したデバイスのオペレーティングシステムに基づいてユーザーをセグメント化できます。Android、iOS、Windows、Mac、Linux、その他のいずれか 1 つまたは組み合わせを含めたり除外したりできます。
8. Browser Type: ユーザーが Web サイトを訪問したブラウザに基づいてユーザーをセグメント化できます。Chrome、Safari、Firefox、Opera、その他のいずれか 1 つまたは組み合わせを含めたり除外したりできます。

​

キャンペーンオーディエンス上限

​

コントロールグループ

Global control group トグルを有効にすると、コントロールグループのユーザーをキャンペーンのターゲットセグメントから除外できます。 Campaign control group を有効にすると、キャンペーンのユーザーの一定割合をキャンペーンのターゲットセグメントから除外できます。キャンペーンから除外するユーザーの割合を、トグルの下のボックスに指定します。 コントロールグループの詳細については、コントロールグループを参照してください。

​

ステップ 2: コンテンツの定義

1. 新しいエディターを使用してコンテンツを作成する
2. 旧エディターを使用してコンテンツを作成する

• 新しいエディターでコンテンツを作成する
• 旧エディターを使用してコンテンツを作成する

次のテンプレートタイプを利用できます。

• Banner - 顧客が Web サイトを閲覧したり操作したりしている間に、Web サイト上にバナーを表示するために使用できるテンプレートです。バナーは次の用途に使用できます。
  • カウントダウンタイマーの表示
  • Cookie 情報を表示し、顧客の同意を求める
  • 季節のセールや実施中のオファーに関する情報を含む通知の表示
• Nudge - 顧客に邪魔にならない形で情報を表示するために使用できるテンプレートです。Nudge は次の用途に使用できます。
  • カウントダウンタイマーの表示
  • コールトゥアクション情報の追加
  • 通知の表示
  • 購読やオプトインの依頼
  • リード獲得
  • サービス/商品の提供時のフィードバック収集
• Popup - 顧客に対して目立つ形でコミュニケーションを行うために使用できるテンプレートです。Popup は次の用途に使用できます。
  • セールに関する情報を表示し、顧客を関連する Web ページに誘導する
  • 顧客からのフィードバックの収集
  • リード獲得
  • 顧客の離脱防止

テンプレートタイプ	使用するタイミング
Popups	目立つ形でのコミュニケーションには Popup を使用します
Nudges	邪魔にならない形でのコミュニケーションには Nudge を使用します
Banner at the Top	オファーを表示するには上部のバナーを使用します。Push the contents of the page down 表示オプションが有効で、Web サイトのヘッダーが固定 (sticky) でない場合、これらのテンプレートはページのコンテンツを下に移動させ、Web サイトの上部のスペースを占有します (バナーはコンテンツと重なりません)。
Banner at the Bottom	ポリシーに関する情報を訪問者/顧客に表示し、同意を求めるには上部のバナーを使用します。これらのテンプレートは画面の幅全体を覆い、コンテンツと重なりますが、邪魔にはなりません。

空白のテンプレートを使用するか、各テンプレートタイプで利用可能なテンプレートから選択して、On-site メッセージを作成できます。検索オプションを使用してテンプレートを検索したり、目的のテンプレートをクリックしたりすることもできます。Blank Template - Blank Template にカーソルを合わせて Popup をクリックすると、ゼロから Popup テンプレートを作成できます。「+」アイコンをクリックしてエディターを開き、テンプレートに要素を追加します。詳細については、OSM エディターを参照してください。Other Templates - 次のテンプレートタイプを利用できます: Offers and Announcements テンプレート、Lead Generation テンプレート、Typeform Survey テンプレート。詳細については、OSM テンプレートを参照してください。目的のテンプレートを読み込むと、そのテンプレートが OSM エディターに読み込まれます。次のオプションを利用できます。Add elements - エディターの左ペインにある アイコンをクリックして、テンプレートに要素を追加できます。Editing/Styling Options - テンプレートの右上にある アイコンをクリックすると、テンプレートに次のスタイル要素を追加できます。

編集/スタイルオプション	説明
Display Close Button	ユーザーがメッセージを閉じるための閉じるボタンを表示するかどうかを指定できます。デフォルトでは、閉じるボタンが表示されます。トグルをオフにすると非表示にできます。
Background Image/Filters	メッセージに背景画像を追加できます。画像をアップロードするには、 アイコンをクリックし、Image セクションで画像をアップロードします。Filters タブを使用して画像にフィルターを追加できます。
Background Color	メッセージに背景色を追加できます。デフォルトでは、背景は黒です。 アイコンをクリックして任意の背景色を選択すると、変更できます。
Popup positioning	Popup を縦横の両方向に移動できます。ページの縦方向に Popup を移動するには、 アイコンをクリックし、Web ページの上部、中央、または下部に Popup を配置します。ページの横方向に Popup を移動するには、 アイコンをクリックし、Web サイトの左端、中央、または右端に Popup を配置します。
Popup の幅と高さのカスタマイズ	Popup の幅と高さを指定できます。これを行うには、 アイコンをクリックし、幅と高さを指定します。
Popup への CSS オプションの追加	カスタム CSS を追加して、メッセージにカスタマイズしたスタイルオプションを追加できます。これを行うには、 アイコンをクリックし、 アイコンをクリックして CSS コードとカスタム属性を追加します。

• Preview Options - 左パネルの アイコンをクリックすると、テンプレートをプレビューできます。プレビューオプションは 3 つあります。
  • Desktop - デスクトップブラウザで開いた Web サイト上でテンプレートがどのように表示されるかを確認できます。
  • Tablet - タブレットブラウザで開いた Web サイト上でテンプレートがどのように表示されるかを確認できます。
  • Mobile - モバイルブラウザで開いた Web サイト上でテンプレートがどのように表示されるかを確認できます。

利用可能なテンプレートから On-site メッセージを作成できます。詳細については、On-site Messaging テンプレート (旧エディター)を参照してください。

​

表示設定

テストキャンペーン (任意)

テストキャンペーンを使用すると、テスト URL でキャンペーンをプレビューし、On-site メッセージが意図したとおりに伝わることを確認できます。テスト URL を入力して、作成したキャンペーンをテストできます。Test をクリックすると、その URL に On-site メッセージが表示されます。詳細については、OSM キャンペーンのテストを参照してください。

​

ステップ 3: スケジュールと目標

• 配信スケジュール - キャンペーンをユーザーに配信するタイミングを選択します。
• コンバージョン目標 - キャンペーンで追跡するコンバージョン目標と収益指標を選択します。
• キャンペーンの優先度と配信コントロール - キャンペーンの優先度を選択し、自動非表示、通知間の最小遅延、表示するメッセージの頻度など、グローバルおよびローカルの配信コントロールオプションを選択します。

​

配信スケジュール

• 1 回
• 定期

ターゲットユーザーにキャンペーンを即時または指定した時刻に送信する場合は、このオプションを選択します。

フィールド	アクション
As soon as possible	ターゲットユーザーにキャンペーンを即時送信します。次のオプションを利用できます: Ends - キャンペーンを終了する時刻です。Never と Ends On の 2 つのオプションがあります。Never オプションは、当面の間定期的に実行する必要があるキャンペーンに使用できます。終了日があるキャンペーンの場合は、Ends On オプションを使用して End Date と End Time を指定できます。
At a particular date and time	指定した時刻、タイムゾーン、または予測時刻にキャンペーンを送信します。このセクションでは、特定の日時にキャンペーンを送信でき、次のフィールドが含まれます: Campaign timezone - キャンペーンを送信するタイムゾーンです。 Start Date - キャンペーンを送信する日付です。 Send Time - キャンペーンを送信する時刻です。キャンペーンを送信する時間帯に応じて、am または pm を選択します。 Ends - キャンペーンを終了する時刻です。Never と Ends On の 2 つのオプションがあります。Never オプションは、当面の間定期的に実行する必要があるキャンペーンに使用できます。終了日があるキャンペーンの場合は、Ends On オプションを使用して End Date と End Time を指定できます。

指定した日時にキャンペーンを定期的に送信する場合は、このオプションを選択します。このセクションでは、次のフィールドを利用できます。

• Campaign time zone: キャンペーンを送信するタイムゾーンです。
• Start date: キャンペーンを送信する日付です。
• Send time: キャンペーンを送信する時刻です。キャンペーンを送信する時間帯に応じて、am または pm を選択します。
• Periodic: キャンペーンの周期です。画面左側にある次のオプションから選択できます。

  周期	説明
  Daily	Repeat every: キャンペーンを繰り返す間隔の日数を指定できます。
  Weekly	Repeat every: キャンペーンを繰り返す間隔の週数を指定できます。 Repeat on: キャンペーンを送信する曜日を指定できます (たとえば、毎週月曜日、水曜日、金曜日にキャンペーンを送信する場合は、このオプションでこれらの曜日を選択します)。
  Monthly	Repeat every: キャンペーンを繰り返す間隔の月数を指定できます。 Repeat on: 次の操作を行えます: Days of month: 日付を指定して繰り返すキャンペーンの場合は、このオプションを選択します。キャンペーンを送信する月の日付を選択します (たとえば、毎月 5 日と 25 日にキャンペーンを送信するには、カレンダーウィジェットで 5 日と 25 日を選択します)。注: 選択した日付が指定した月に存在しない場合 (短い月であるため)、キャンペーンはその月の最終日に送信されます (たとえば、30 日と 31 日を選択し、月が 2 月の場合、キャンペーンは 28 日に 1 回送信されます)。 Days of week: キャンペーンを送信する曜日を指定する場合は、このオプションを選択します (たとえば、毎週月曜日、水曜日、金曜日にキャンペーンを送信する場合は、このオプションでこれらの曜日を選択します)。注: 指定した曜日がその月に存在しない場合 (たとえば、第 5 土曜日)、その回のキャンペーンはスキップされます。また、重複する場合 (たとえば、第 4 月曜日と最終月曜日)、1 回のみ送信されます。

• Ends: キャンペーンを終了する日付です。次のオプションを利用できます。
  • Never: キャンペーンは毎日実行されます。
  • On: キャンペーンは End Date フィールドで指定した終了日に終了します。
• Campaign active window: 設定した周期においてキャンペーンがアクティブになる期間です。たとえば、キャンペーンをユーザーに毎日表示する場合、Campaign active window の設定によって、1 日のうちキャンペーンがアクティブになる時間帯が決まります。日次周期のキャンペーンでこの時間帯を午後 6 時から午後 8 時に設定した場合、キャンペーンは毎日午後 6 時から 8 時までユーザーに表示されます。キャンペーンが週 2 回アクティブになる場合、Campaign active window の設定によって、キャンペーンがアクティブになる日にユーザーにキャンペーンが表示される時間帯が決まります。Campaign active window を設定するには、次のフィールドを利用できます。
  • Start time: ユーザーに対してキャンペーンがトリガーされる時刻です。
  • End time: この時刻を過ぎると、指定した日にキャンペーンがアクティブに設定されているかどうかにかかわらず、キャンペーンはユーザーに表示されなくなります。

​

コンバージョン目標

• Goal Name - iPhonePurchase
• App Event you wish to track - Made Purchase
• Event Attribute/Property - product is event attribute/property
• Value of Event Attribute/Property - iPhone

• 商品ページを閲覧したユーザーは何人か
• そのうち、その商品をカートに追加したユーザーは何人か
• そのうち、注文を完了したユーザーは何人か

収益パフォーマンスの追跡 (任意)

MoEngage では、キャンペーンによって生み出された収益を追跡できます。たとえば、コミュニケーションの送信後に商品によって生み出された収益を追跡できます。収益パフォーマンスを追跡するには、収益を追跡したいコンバージョン目標で Revenue Performance トグルを有効にします。

この例では、_orderSuccessful _イベントの収益を追跡するために、Revenue performance トグルを有効にする必要があります。目標を選択した後、注文の合計金額を取得する数値属性を選択できます。以下の例では、cartValue に注文の合計金額が含まれています。金額が報告される通貨も選択できます。

目標を選択した後、注文の合計金額を取得する数値属性を選択できます。この例では、cartValue に注文の合計金額が含まれています。金額が報告される通貨も選択できます。

Set Attribution window - アトリビューションウィンドウ (コンバージョン目標を特定のキャンペーンに帰属させるための、ユーザーがキャンペーンを受信した時点から計算される期間またはウィンドウ) を設定できます。デフォルトでは 36 時間に設定されています。上記の例では、これを 5 時間に設定したとします。

​

キャンペーンの優先度と配信コントロール

• Campaign Priority - 次のキャンペーン優先度のいずれかを設定します: Critical、High、Medium、Normal、Low。ユーザーが同時に 2 つのキャンペーンを表示できる場合、優先度の高いキャンペーンが表示されます。両方のキャンペーンの優先度が同じ場合は、最近作成されたキャンペーンが先に表示されます。
• Global Delivery Control - このセクションでは、On-site messaging チャネルに設定された Ignore global minimum delay を適用するかどうかを指定できます。このトグルを有効にすると、On-site メッセージに設定された最小遅延の設定が無視されます。
  
• Local Delivery Controls - このセクションには、このキャンペーンに関する配信コントロールを指定するためのオプションが含まれています。ここでは次のオプションを利用できます。
  • Maximum times to show a message - 同じキャンペーンの On-site メッセージを 1 人のユーザーに表示する最大回数を指定できます。これは、User Profile の On-site Message Shown イベントを使用して追跡されます。たとえば、キャンペーンの公開時には Maximum times to show a message がオフになっていて、後から 1 回に編集されたとします。キャンペーンの編集前にすでにメッセージが表示されていたユーザーが再度サイトを訪問した場合、そのユーザーの User Profile にはすでに On-site Message Shown が存在するため、メッセージは再度表示されません。
  • Minimum delay between 2 messages on this campaign - 同じキャンペーンからの 2 つの On-site メッセージ間の最小時間間隔を指定できます。
  • Auto dismiss message after ‘x’ seconds - On-site メッセージが URL から削除されるまでの時間を指定できます。

​

よくある質問

​

OSM エディターでカスタムフォントを使用するにはどうすればよいですか？

• Context Hub でフォントを追加する。 Context Hub の Brand → Visual system → Fonts でフォントを追加します。そこで追加したフォントは、その後に公開される OSM キャンペーンで利用可能になります。以前に公開されたキャンペーンでは、作成時のフォントがそのまま使用されます。詳細については、Context Hub を参照してください。
• エディターで CSS を使用してフォントを参照する。 以下の手順で説明するように、フォントファイルを自分でホストし、埋め込み要素を使用して適用します。

​

1. フォントファイルをホストする

​

2. テンプレートを準備する

​

3. テキスト設定を変更する

• 設定アイコンをクリックし、スタイルアイコンを選択します。
• 「Advanced」タブに切り替えます。
• 「CSS Id」フィールドに、text_id1 などの一意の識別子を入力します。

​

4. 埋め込み要素を追加する

​

5. カスタムフォントのコードを挿入する

<style type="text/css">
 @font-face {
  font-family: 'customfont';
  src: url('https://yourdomain.com/fonts/yourfont.ttf'); /* Your font URL */
 }
 #text_id1 p {
  font-family: 'customfont' !important;
 }
</style>

​

6. その他の要素をカスタマイズする

• 上記のテキスト要素と同様に、ボタンに一意の ID (たとえば button_id1) を割り当てます。
  
• ボタンの ID を含めるように CSS コードを変更します。

<style type="text/css">
@font-face {
font-family: 'customfont';
src: url('https://yourdomain.com/fonts/yourfont.ttf');
}
#text_id1 p, #button_id1 span {
font-family: 'customfont' !important;
}
</style>

​

7. プレビューして公開する

​

次のステップ

• OSM キャンペーンの分析を表示する