フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

図解 ブラウザPush通知をワードプレスに実装する方法

というわけで、前回から引き続き急遽ブラウザPush通知の記事です。
当然、ブラウザPush通知を「ワードプレスに実装したい!」ということになると思います。
自分で開発しなくても無料のサービスを利用してワードプレスに実装する方法を紹介します。

サーバー用意しなくてもブラウザPush通知が使えるサービスは検索すれば色々とあるのだけれど、一番進んでいるのは「Push7」だろうか。
Push7はワードプレスのプラグインも用意されているので、登録から導入までが非常にスムーズで、しかも開発用にAPIまで用意されている。

2016年4月現在では月に発信できる通知件数は5000件までという制限がある。
なので100人の購読者がいたら一斉に遅れるのは50回で、1000人なら5回までということだ。
取り敢えずは全然足りるだろう。

まずはPush7に登録をしよう。

▼Push7
push7.jp/

[browser-shot url=”https://push7.jp/” width=”600″ height=”450″ href=”https://push7.jp/”]

登録をする前にpush通知を試してみたい人はトップページ下にある「Webプッシュ通知を試してみましょう」から試すことができる。
「①通知内容を決める」にメッセージを入れて [ 通知する ] ボタンを押すと通知の許可を尋ねられるのでOKすると画面右下のタスクトレイにメッセージが受信できるようになっている。

登録をしたらログインしてダッシュボードから「+アプリケーションを追加」をクリックして自分のサイトを登録する。

サイト名とサイトURLを入力し、アイコンも設定しておけば通知アイコンが自分のアイコンに変わる。

次に自分のサイトにあるコードをコピーする。
「アプリケーション設定」から「導入方法」タブをクリックする。
設置方法は「かんたん」を選択し、[1]でボタンの表示形式を選択したら[2]でコードが作られるのでコピーする。
これを自分のブログの好きな所に貼り付ければOK。

次にワードプレスからPush7を利用するためのAPIキーを取得する。
「自動プッシュ設定」タブをクリックする。
[2]でAPIキーをコピーする。

Push7側はこれで終わりだ。

会員限定コンテンツ

この記事はブロックされています。続きを読みたい方はログインをして下さい。会員ではない方は新規会員登録をして下さい。

ログインはこちら

新規会員登録はこちら

パスワードをメールで送信します。

コメント

  1. 2018/06/14(木) 20:42:50
    ワードプレスのプラグインカルタ 読んだ証拠に応援のクリックをして頂けると嬉しいです! ⇊ 人気ブログランキングへ アフィリエイト ブログランキングへ � 今日はワードプレスのプラグインカルタを使って https://t.co/RkS6PNGQqX
  2. 2018/06/14(木) 20:42:50
    そして現在運営している雑記ブログも、はてな→ワードプレスに引越し予定だ。 これは骨が折れそうなので、木曜日までを目標に作業するかな。 ワードプレスでキレイなサイトを作り、少しでもクリック率や回遊率がアップすれば。 今のはてなブログではカオス状態になっているからね!
  3. 2018/06/14(木) 20:42:50
    ワードプレスで作成中、画像をクリックすると、一番下まで移動してしまう現象発生(win10、IE) MSカスタマーもダメ。どなたか解決策知ってたら教えてください。 クローム入れたら大丈夫だったけどさ・・・ #パソコントラブル #ワードプレス #助けて #不具合 #教えてください
  4. 2018/06/16(土) 00:08:41
    ワードプレスに移行して2ヶ月。 軌道に乗るまで続けられたのは、はてなブログの力が大きいと思うけど、長い目で見ると自分に合ってるのはワードプレスだと思う。 ・自分のペースで記事更新できる ・ワンクリックで装飾できる ・カスタマイズしなくてもテーマがおしゃれ

記事に戻る

コメントを残す