Webプッシュ通知をする噂の「Push7」を導入してみた

登録

まず、サイトの右上にある「一般」、「エンタープライズ」のいずれかを選択し、「新規登録」ボタンを押下します。

メールアドレスを入力し、「仮登録」ボタンを押下します。

1. メールアドレスを入力。
2. 「仮登録」ボタンを押下。

仮登録したメールアドレスに本登録の案内が来るので、メールの本文内に記載されている指定されたURLを押下して、本登録を行っていきます。

1. サイト名を入力。
2. サイトURLを入力。
3. アプリケーション用URLを入力。
4. 「登録」ボタンを押下。

本登録が完了すると、管理画面に遷移します。

設定とかんたん設置

デフォルトの「かんたん設置」で設定を行っていきます。

1. サイドメニューから「アプリケーション」を選択。
2. 上部のタブから「導入方法」を選択。
3. ボタンの表示形式を選択。
4. コードをコピー。

コピーしたコードを表示したい箇所にペーストすると、選択した表示形式でボタンが表示されます。

Push7のボタンが表示しない場合

WordPressの仕様などにより、テンプレートにスクリプトを記述した時、スキームが書き換えられて、「https」が「http」となる場合があります。

その場合、下記の関数を子テーマの「functions.php」に記述してみてください。

//Push7の情報を取得
function fetch_push7_info(){
  $res = null;
  $app_no = 'APPNO';
  if ( $app_no ) {
    $url = 'https://api.push7.jp/api/v1/'.$app_no.'/head';
    $info = wp_remote_get( $url );
    if (!is_wp_error( $info ) && $info["response"]["code"] === 200) {
      $info = json_decode( $info['body'] );
      if ( $info ) {
        $res = $info;
      }
    }
  }
  return $res;
}

「APPNO」の部分は「自動プッシュ設定」ページなどにある、「APPNO」を入力してください。

インストール

「Push7」プラグインは上記のサイトからダウンロードしてインストールするか、WordPress内のメニューから新規追加を行います。

1. メニューから「プラグイン」を押下。
2. 「新規追加」を押下。

「Push7」と入力。

「Push7」プラグインが表示されるので、「今すぐインストール」ボタンを押下します。

設定

次に「Push7」管理画面メニューの「アプリケーション設定」から、「自動プッシュ設定」に行き、「APPNO」と「APIKEY」を確認します。

1. 「APPNO」が表示される。
2. 「APIKEY」が表示される。

上記の「APPNO」と「APIKEY」をWordPressの「Push7」プラグインに設定するので、テキストエディタなどにコピー&ペーストし、張り付ける用意をします。

次にWordPressでPush7の設定を行います。WordPressのメニュー「設定」から、「Push7設定」に行きます。

1. 「設定」を押下。
2. 「Push7設定」を押下。

「Push7設定」を行います。

1. ブログのタイトルを入力。
2. 「APPNO」を張り付ける。
3. 「APIKEY」を張り付ける。
4. SSLでの通知を検証する場合の有無。
5. カテゴリ毎の新規投稿、更新でプッシュ通知をする場合、チェックを入れる。
6. 通常の投稿(post)、またはインストールしているプラグインによる新規投稿、更新でプッシュ通知をする場合の設定。
7. 「変更を保存」ボタンを押下。

「Push7」プラグインをインストールすると、「Push7通知設定」のボックスが記事投稿画面に表示されます。各記事毎の新規投稿、または更新をする際の通知設定が行えます。