クイックスタート

要件

Web プッシュ通知のサポートには、次のものが必要です：

• あなたのWebサイトがSSL対応であること（https://）

• サイト上に配置する、公開アクセス可能なファイル1つ

• サイトの各ページに追加する統合用HTMLスニペット。

  • これはタグマネージャーでも行えます。

手順

サイトがWordPressを使用している場合、これらの手順はスキップして、 WordPressプラグイン 以下の手順に従うと、より簡単に実装できます。

ステップ1：Service Workerファイルを配置する

Service Worker を次からダウンロード： 当社のCDN (https://cdn.p-n.io/pushly-sdk-worker.js）を、サイトを配信している同じドメイン上の公開アクセス可能な場所に配置します。例： https://www.example.com/assets/pushly/pushly-sdk-worker.js

このファイル 必ず は、潜在的な購読者がサイトを訪れたときにいるのと同じオリジンから配信されなければなりません。別のドメインやサブドメインから配信することはできません。 たとえば、訪問者が www.example.com 場合、Service Worker は www.example.com に配置されていなければなりません。 次から配信することはできません： assets.example.com または examplecdn.com.

また、それは できません 301リダイレクトの背後から配信することもできません。

ステップ2：統合用HTMLを追加する

Service Workerをドメイン内のサブディレクトリに配置した場合は、以下の Service Worker をサブディレクトリに配置した場合 タブの手順に従ってください。それ以外の場合は Service Worker を公開ルートに配置した場合 タブを選択してください。

Service Worker をサブディレクトリに配置した場合

次のHTMLスニペットをサイトのheadセクションに追加し、 両方の 箇所の SDK_KEY を、アカウントマネージャーから提供された値に置き換えてください。

また、 /absolute/path/to/pushly-sdk-worker.js スニペット内のテキストを、Service Worker への完全なパスに置き換えてください。

<script src="https://cdn.p-n.io/sdk/web/latest/pushly-sdk.min.js?domain_key=SDK_KEY" async></script>
<script>
  window.PushlySDK = window.PushlySDK || [];
  function pushly() { window.PushlySDK.push(arguments) }
  pushly('load', {
    domainKey: 'SDK_KEY',
    sw: '/absolute/path/to/pushly-sdk-worker.js',
  });
</script>

この sw プロパティにはオリジン/ドメインを含めないでください。パスのみを指定してください。つまり、 https:///www.example.com この値には含めないでください。

Service Worker を公開ルートに配置した場合

厳格なCSPまたはSubresource Integrity（SRI）が必要ですか？詳細は 配信とセキュリティ（SRI）.