WordPressのAMP化を行うプラグイン AMP for WP は、標準でOneSignalのプッシュ通知機能サポートを備えています。AMP for WP によってAMP化している場合は、簡単にAMPページにプッシュ通知購読ボタンを設置することができます。AMP for WP以外でAMP対応している場合は、以下の記事をご覧下さい。
AMP for WPでのOneSignal プッシュ通知設定方法
OneSignal Web プッシュ通知
OneSignalのアカウントとサイトのWeb プッシュ アプリ IDが設定を行う上で予め用意する必要があります。アカウントの作成や通常ページでのプッシュ機能の設定方法とAPP IDの取得方法は、以下の記事を御覧下さい。
AMP for WPのプッシュ通知設定
WordPressの管理メニューから、AMP for WPの設定（メニュー項目名：”AMP”）をクリックします。AMP for WPのメニューから”SETTINGS”を選び、サブメニューの”Push Notifications”をクリックするとプッシュ通知の設定ページが表示されます。OneSignalの右にあるスイッチをスライドして、ONにします。
OneSignalのスイッチを入れると、下にAPP IDの入力欄が追加表示されます。OneSignalのWebプッシュ アプリのIDを入力します。”Positioning”は、プッシュ通知購読ボタンの表示位置の設定です。設置場所の推奨は、記事下（メインコンテンツの後）になります。記事下に設置する場合は、Below the Contentの右のスイッチをONにして、Above the ContentのスイッチはOFFのままにします。
ユーザーエクスペリエンスやフローを考慮した場合、プッシュ通知の購読ボタンの表示位置はコンテンツの前ではなく、コンテンツの後が適切です。”Subscribe”は、購読を促すメッセージ。”Unsubscribe”は、購読をキャンセルする旨のメッセージを、日本語のサイトの場合は、お好みの日本語の言葉で入力します。
内容を確認後、ページ下の”Save Changes”ボタンを押して、設定を保存します。
以上で作業完了です。
AMPページを表示して、記事下にプッシュ通知の購読ボタンが表示されるようになります。
コメントを残す（承認後表示されます）