# プッシュ通知

### PageFlyとパートナー間の連携について

PageFlyは、ユーザーがオンラインストアを強化できるよう、プッシュ通知アプリを含む幅広いサードパーティアプリと連携しています。これらは、顧客のエンゲージメントを維持し、情報を伝えるための強力なツールです。これらのアプリは、ターゲットを絞った通知を顧客のデバイスに直接送信し、ストアに関する最新情報が常に伝わるようにします。これらのアプリは、PageFlyの商品ページとシームレスに連携し、最大限のリーチと効果を保証します。

### PageFlyでサードパーティアプリにアクセスして使用する方法

PageFlyと連携している各サードパーティアプリにアクセスして有効にするには、2つの方法があります。

* エディターページから
* 連携ページから

[PageFlyでサードパーティアプリにアクセスして使用する方法](https://help.pagefly.io/manual/integrations/)については、こちらの記事をご確認ください。

### PageFlyはどのようなアプリと連携していますか？

まず、これらのサードパーティアプリ要素を使用する前に、ストアに[PageFly](https://apps.shopify.com/pagefly?utm_source%3Dmanual%26utm_medium%3Darticle%26utm_campaign%3Dapp-listing/)をインストールしていることを確認してください。

以下は、PageFlyと連携しているすべての「**プッシュ通知**」サードパーティアプリのリストです。

#### PushOwl: Web Push

この要素を使用するには、Shopifyストアに[PushOwl Web Push Notifications](http://www.pagef.ly/3wvy)アプリがインストールされている必要があります。

{% hint style="warning" %}
**重要事項**:

* PushOwl Web Push Notifications要素には、3つのバリエーションがあります。
  * PushOwl One-Click Opt-In
  * PushOwl Back In Stock Alert
  * PushOwl Price Drop Alert
* PushOwl One-Click Opt-Inはあらゆるページタイプで機能します。ただし、PushOwl Back In Stock AlertとPushOwl Price Drop Alertは商品ページでのみ機能します。
  {% endhint %}

#### Back in Stock: Restock Alerts

この要素を使用する前に、ストアに[Back in Stock: Restock Alerts](http://www.pagef.ly/1pxy)アプリをインストールし、アプリでオプションを設定してから、PageFlyに戻り、すべてのPageFly商品ページで要素を使用する必要があります。

{% hint style="warning" %}
**重要事項**:

* Back in Stock: Restock Alerts要素は、商品ページと商品詳細要素内で使用した場合にのみ機能します。
  {% endhint %}

#### OnVoard Back In Stock

この要素を使用する前に、ストアに[OnVoard Back In Stock](http://www.pagef.ly/n94h)アプリをインストールし、アプリでオプションを設定してから、PageFlyに戻り、PageFly商品ページで要素を使用する必要があります。

{% hint style="warning" %}
**重要事項**:

* OnVoard Back In Stock要素は、商品ページと商品詳細要素内で使用した場合にのみ機能します。
* この要素の各バリエーションは、各商品ページで1回だけ使用できます。
* 表示条件セクションで、PositionとAny Variant (Out-Of-Stock) オプションを設定する必要があります。PageFlyアプリは他の設定をサポートしていません。
  {% endhint %}

#### PreOrder Globo | Back In Stock App

これらの要素を使用するには、Shopifyストアに[PreOrder Globo | Back in Stock](http://www.pagef.ly/rper)アプリがインストールされている必要があります。

{% hint style="warning" %}
**重要事項**:

* プッシュ通知において、PreOrder Globo | Back In Stock Appには1つのバリエーションがあります：Notification Form
* この要素は商品ページでのみ機能し、ページで1回だけ使用できます。
* 要素は商品詳細要素内に留まる必要があります。要素を商品詳細要素の外にドラッグ＆ドロップすると、警告メッセージが表示されます。
* 商品詳細は商品リストに含まれているため、PreOrder Globo | Back In Stock要素は商品リストにも使用できます。
  {% endhint %}

#### Attrac Announcement Bar Banner

この要素を使用するには、まずShopifyストアに[Attrac Announcement Bar Banner](https://www.pagef.ly/18kxll)アプリをインストールし、すべてのオプションを設定する必要があります。それが完了したら、PageFlyに戻り、PageFlyの任意のページで要素を使用できます。

{% hint style="warning" %}
**重要事項**:

* Attrac Announcement Bar Bannerアプリには、アップセルとクロスセル、Eメールマーケティング、プッシュ通知に属する多くのバリエーションがあります。この「プッシュ通知」フィールドでは、3つの異なるバリエーションがあります。
* * Announcement banner
    * Free Shipping banner
    * Multi Announcements banner
* PageFlyはBar bannerタイプでのみ機能します。
* 1つの要素をページで複数回使用できます。
* これらの要素はすべてのページタイプで機能します。
* これらの要素はライブページでのみ機能します。
  {% endhint %}

#### Notify! Back in Stock|PreOrder

この要素を使用する前に、ストアに[Notify Me! Back in Stock Alert](https://pagef.ly/17bhv4)アプリをインストールし、アプリですべてのオプションを設定してから、PageFlyに戻り、すべてのPageFlyページで要素を使用する必要があります。

{% hint style="warning" %}
**重要事項**:

* Notify! Back In Stock|PreOrder要素には1つのバリエーションがあります：Notification Button
* 1つの要素をページで1回だけ使用できます。
* 要素は商品ページの商品詳細要素内でのみ機能します。
  {% endhint %}

### ヒントとベストプラクティス

サードパーティアプリの連携には、Shopify App Block要素を使用することを強くお勧めします。ShopifyテーマOS 2.0で利用可能なこの機能は、サードパーティアプリの機能をPageFlyページまたはセクションに簡単に追加できます。これにより、柔軟性が向上し、更新が容易になり、ユーザーエクスペリエンスが向上します。ページごとに1つに制限されていますが、App Blockはストアの機能を強化するための貴重なツールです。

詳細な設定ガイダンスについては、[App Blockの記事](https://help.pagefly.io/manual/how-to-use-shopify-app-block-element-with-pagefly-section/)を参照してください。この簡単な変更により、サードパーティアプリの連携と全体的なストアパフォーマンスを大幅に向上させることができます。