> For the complete documentation index, see [llms.txt](https://manual.dxable.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manual.dxable.com/optimizely/platform/optimizely-data-platform/campaign-content/create-web-push-notifications.md).

# ウェブプッシュ通知を作成する

### Webプッシュ通知を作成する <a href="#gjdgxs" id="gjdgxs"></a>

注記

2023 年 4 月より前にキャンペーンにアクセスしていた場合、Optimizely はタブ名を \[**キャンペーン]から\[アクティベーション]**&#x306B;更新しました。 すべての機能は変わりません。

[Web プッシュ統合を有効にする](https://support.optimizely.com/hc/en-us/articles/4407268956941)と、パーソナライズされたプッシュ通知を作成し、Web ブラウザーを通じて顧客に送信できます。

注記

現時点では、Web プッシュ通知は Google Chrome でのみ利用できます。

Web プッシュと他のコミュニケーション チャネルの主な違いは、サインアップの簡単さです。 Web プッシュには電子メール アドレス、追跡 Cookie またはその他の個人データが必要ないため、関心のある購読者に通知を送信するプロセスが簡素化されます。

### 構成 <a href="#id-30j0zll" id="id-30j0zll"></a>

#### **Webプッシュ購読者を収集する** <a href="#id-1fob9te" id="id-1fob9te"></a>

オプトイン イベントを収集することで、Web プッシュ通知を使用して顧客とコミュニケーションします。 電子メールのオプトインと同様に、顧客の同意によって、チャネルを通じてリーチ可能な視聴者が決まります。 有効にすると、サイト訪問者にオプトイン プロンプトが表示されます。

![Web\_push\_examples.png](/files/OvDW96dPNHUYUhorLJkG)

Web プッシュ オプトイン プロンプトと通知は、iOS 上の Google Chrome では利用できません。

#### **オプトインイベントを確認する** <a href="#id-3znysh7" id="id-3znysh7"></a>

顧客のオプトインはイベントを Optimizely Data Platform (ODP) に送信し、顧客のアプリ プッシュ サブスクリプションを確認し、分析とアプリ プッシュの値を提供します。 イベントの例を確認するには、 ODP アカウント内の[イベント インスペクターを参照してください。 ](https://app.zaius.com/?scope=?#/event_inspector)イベント インスペクターで次の値を探します。

* **イベントタイプ = プッシュ**
* **アクション = add\_push\_token**
* **ユーザーエージェント情報(UA)**

顧客がオプトインすると、Chrome のトークンが顧客プロフィールに表示されます。 プロファイル&#x3067;**\[Chrome プッシュ トークン]フィールド**を見つけて、その顧客のトークン値を確認します。

![Chrome\_push\_token\_on\_profile.png](/files/c69ZpAtK2Cdh0pdNK5tb)

さらに、顧客プロファイルのアクティビティ フィードで Web プッシュ イベントを表示できます。

![Push\_token\_on\_feed.png](/files/CVhtBwaraBobD8BTD5C4)

### キャンペーンに含める <a href="#id-2et92p0" id="id-2et92p0"></a>

顧客が Web プッシュ通知をオプトインした後、キャンペーンに Web プッシュ タッチポイントを含めて、顧客にメッセージを送信できます。

#### **ウェブプッシュオーディエンスを確認する** <a href="#tyjcwt" id="tyjcwt"></a>

キャンペーンにセグメントを作成または追加した後、 **Web プッシュ**アイコンで到達可能な Web プッシュ オーディエンスを確認します。

![Web\_push\_eligible.png](/files/ZRGXiOMhbbdxUZnfnNSs)

Web プッシュ トークンの値がわかっていれば、顧客に連絡できます。 顧客がアプリのプッシュ チャネルからオプトアウトすると、システムは顧客プロファイルからトークンを削除し、**トークンの削除**イベントをキャプチャします。 この動作は、プッシュ トークン属性に基づいてセグメント化して、Web プッシュ顧客を具体的にターゲットにしたり、Web プッシュ メッセージのみを使用するキャンペーンを作成したりできることを意味します。

![Web\_push\_specific\_segment.png](/files/hxZsXqjmNh32YMoXhHib)

#### **Web プッシュ タッチポイントを作成する** <a href="#id-3dy6vkm" id="id-3dy6vkm"></a>

キャンペーンの対象ユーザーを決定したら、Web プッシュ タッチポイントを作成できます。

1. **\[アクティベーション] > \[エンゲージ]**&#x306B;移動します。
2. **ワンタイムキャンペーン**または**行動キャンペーン**を選択または作成します。
3. キャンペーンタッチポイント&#x306E;**「編集」アイコン**をクリックします。
4. 新しいキャンペーンまたはタッチポイントの場合は、プロンプトから Web プッシュ チャネルを選択します。 これがオムニチャネル キャンペーンの場合は、[オムニチャネル キャンペーンを作成して](https://support.optimizely.com/hc/en-us/articles/4407766724109)既存のタッチポイントにチャネルを追加するを参照してください。
5. **\[プッシュ配信] > \[プッシュ配信先]**&#x306B;移動し、アプリの表示名を選択します。プッシュに関連付けられたブラウザには Chrome が自動的に入力されます。ただし、個々のブラウザを手動で無効にすることもできます。![](/files/XzGCIsPRq9VbBBer08ON)
6. 次のオプションを確認してください。
   * **テンプレートの読み込み**– 以前に作成したメッセージをこのタッチポイントのベースとして使用します。
   * **名前**– ODP 内でコンテンツを識別する方法を決定します。
   * **変数**–[リキッド](https://support.optimizely.com/hc/en-us/articles/4407268754957)またはカスタム HTML を追加して、プッシュ通知をさらにカスタマイズします。 サポートが必要な場合は、カスタマー サクセス マネージャー (CSM) にお問い合わせください。
7. 顧客に受け取ってほしいメッセージをテキストエリアに入力します。 メッセージは 40 文字以内にしてください。
8. **\[+Chrome オプション]**&#x3092;クリックして、追加のオプションを確認します。![](/files/e11BH9iwF8vzHEDJTmky)

#### **Chrome** <a href="#id-1t3h5sf" id="id-1t3h5sf"></a>

Chrome の追加オプションを使用すると、通知をさらにカスタマイズしたり、Web プッシュ統合のセットアップ中に決定されたデフォルト設定をオーバーライドしたりできます。

![Web\_push\_elements.png](/files/12EQ326viKq2cazLkskn)

* **タイトル**– 受信者にメッセージを表示するときに使用される見出し。 この値は上記のエディターで設定されたタイトルをオーバーライドしますが、追加のブラウザーがサポートされるまでは必要ありません。
* **アイコン URL** – メッセージとともにインラインで表示される画像。 この値は、ブランドのロゴなど、統合のセットアップ中に設定された画像をオーバーライドします。
* **画像 URL** – メッセージの下に表示される画像。 この値はオプションです。
* **クリック URL** – メッセージのコンテンツをクリックした後の宛先。
* **UTM パラメータを自動的に追加**– メッセージとのやり取りを追跡するパラメータ。 無効にした場合、同じレベルの追跡を確保するには、**クリック URL**にパラメータを手動で組み込む必要があります。
* **インタラクションが必要**– メッセージを手動で閉じる設定。 有効にしない限り、システムは約 20 秒後に顧客のデスクトップ上の通知を消去します。

1. タッチポイントをプレビューしてテストします。 **プレビューを**使用すると、画面上のタッチポイントを確認できます。一方、**テストを**使用すると、代わりにタッチポイント チャネルを通じてテストを送信できます。 エディター内でタッチポイントを表示する場合、両方のオプションが利用できます。
2. ブレッドクラム メニューからキャンペーンの名前を選択し、 **\[保存]をクリックします**。
3. キャンペーンを顧客が利用できるようになったら、 **「Go Live」**&#x3092;クリックします。

### パフォーマンスをレビューする <a href="#id-4d34og8" id="id-4d34og8"></a>

Web プッシュ タッチポイントに関連付けられたパフォーマンス メトリックを確認します。

1. **\[アクティベーション] > \[エンゲージ]**&#x306B;移動します。
2. 目的のタッチポイントを含むキャンペーンを選択します。
3. **目のアイコン**をクリックすると、 Web プッシュを使用したタッチポイントのパフォーマンス メトリック ビューが展開されます。 [ここで](https://support.optimizely.com/hc/en-us/articles/4407774777229)各指標を詳しく確認してください。
