「Push7」のボタンを中級者向けの「プロ」で設置してみた

CNAMEのエントリーを確認

まずは、DNSレコードに追加する、 CNAMEのエントリーを「Push7」の管理画面で確認します。

メニューの「アプリケーション設定」を押下します。

「導入方法」タブを押下します。

「設置方法」の「プロ」にある「選択」ボタンを押下します。

CNAMEのエントリーが表示されるので、「内容(VALUE)」などの情報を確認します。

DNSレコードの追加

次にドメインを管理している、レンタルサーバーなどの管理画面にログインし、DNSレコードの設定画面を開きます。

私は「エックスサーバー」と契約しているので、エックスサーバーの管理画面を例にご紹介いたします。

管理画面にある「ドメイン」の「DNSレコード設定」に入ります。

DNSレコード設定画面にある、「DNSレコードの追加」から情報を入力していきます。

1. 「push」などの任意の文字を入力。
2. 「CNAME」を選択。
3. 「Push7」のCNAMEのエントリーで確認した「内容(VALUE)」を入力。
4. 環境に合わせて優先度を入力。
5. 「DNSレコードの追加(確認)」ボタンを押下。

確認画面で入力した内容でよければボタンを押下し、DNSレコードを追加します。

1. 「ホスト名」を確認。
2. 種別が「CNAME」になっているのを確認。
3. 「Push7」のCNAMEのエントリーで見た、「内容(VALUE)」と同じになっているかを確認。
4. 優先度を確認。
5. 「DNSレコードの追加(確定)」ボタンを押下。

DNSレコードの一覧からDNSの追加を確認します。

フォームから登録したホスト名を申請する

「Push7」の「設置方法」の画面に戻り、サーバーで設定したホスト名を申請します。

1. ホスト名を入力。
2. 「申請」ボタンを押下。

ドメインを申請しました。

ドメインの申請中です。

ドメインの作成が完了しました。

ボタン表示用のソース

あとはボタンを表示したい場所に下記のソースを張り付けます。

以上で完了です。

「プロ」設置のドメイン表示

「プロ」設置のドメインに成功している場合、下記のように「xxx.example.com」となります。

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」を入力してください。