クイックスタート

要件

Webプッシュ通知のサポートには以下が必要です:

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

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

• サイト上の各ページに追加するIntegration HTMLのスニペット。

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

手順

サイトがWordpressを使用している場合は、これらの手順を省略して以下に従ってください Wordpressプラグイン より簡単に実装できます。

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

Service Workerをこちらからダウンロードしてください 当社のCDN (https://cdn.p-n.io/sdk/web/latest/pushly-sw.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: Integration HTMLを追加する

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

Service Workerをサブディレクトリに配置

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

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

<script src="http://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またはサブリソース整合性（SRI）が必要ですか？こちらをご覧ください 配信とセキュリティ（SRI）.