webプッシュ通知

5分でHTTPSサイトにiZootoを実装する方法

5分でHTTPSサイトにiZootoを実装する方法

今回はHTTPSサイトにたったの5分でiZootoを実装する方法をご紹介します。

ステップ1:iZootoに登録してアカウントを作成してください。

まだアカウントを持っていない方はこちらから

ステップ2:サイトヘッダーにタグを埋め込みます。 

※iZooto管理画面からコピー&ペーストできます。

サイト訪問ユーザーに通知許可ダイアログを表示させたい全てのページのヘッダーにタグを埋め込んでください。

または、Google Tag Managerを使ってタグを管理したい場合はこちらから

ステップ3:サイトのルートディレクトリにmanifest.jsonとservice­worker.jsの2ファイルを設置してください。

※iZooto管理画面からダウンロードできます。

ブラウザから下記URLにアクセスできるように設置できていれば完了です。

  • https://yourdomain.com/manifest.json
  • https://yourdomain.com/service­worker.js

サイト訪問者への見え方は?

iZootoのタグが埋め込まれているページにアクセスすると、下記画像のように通知許可ダイアログが表示されます。

5分でHTTPSサイトにiZootoを実装する方法