> 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)各指標を詳しく確認してください。


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://manual.dxable.com/optimizely/platform/optimizely-data-platform/campaign-content/create-web-push-notifications.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
