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

図解 ブラウザ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/10/15(月) 01:04:50
    ワードプレスが数クリックでインストールできるツールを配布中!! → https://t.co/vB3Teq7HQi
  2. 2018/10/19(金) 17:29:24
    ワードプレスの「段落」をクリックすると見出し1.2.3・・と表示されるが、その一番下に「整理済みテキスト」があるのに初めて気づいた。 この「整理済みテキスト」をブログでどう活用するといいのか検索しても解説した記事がないのだが、どういう活用法があるのか分かる方おられますか?
  3. 2018/10/19(金) 17:29:24
    #5 ワードプレスの記事内を1クリックで装飾する方法|AddQuicktagの使い方や設定方法 https://t.co/vqgVbwpzag
  4. 2018/10/19(金) 17:29:24
    私だけなのかな? (・・?) ワードプレスのjetpackのサイト統計情報で、A8のアフィリエイトリンクのクリック数だけ表示されなくなってる。 過去半年のデータ見てもa8のリンクだけ無かった事になってる。 昨夜20時ぐらいからこの不具合で悩んでる… 原因が分からん… (ーー;)
  5. 2018/10/22(月) 03:23:01
    ワードプレスと無料ブログと 読んだ証拠に応援のクリックをして頂けると嬉しいです! ⇊ 人気ブログランキングへ アフィリエイト ブログランキングへ � アフィリエイトをするのにどのブログを選択するかは https://t.co/ootCql7ioH

記事に戻る

コメントを残す