Webサイトでもスマホのように通知できるWebプッシュ通知を試す
プッシュ通知とは？
スマートフォンアプリの機能で、スマホアプリを起動していなくても、
iPhone,Androidなどのスマートフォン端末へ通知を送ってくれるとても便利な機能。ですが、
これ、スーマートフォンアプリの機能でして、WEBサイトではこの機能はありませんでした。。
WEBサイトでのプッシュ通知サービス
しか〜し、2015年くらいから始まったみたいです。
アプリではなく、WEBサイトでのプッシュ通知サービス。
まだ上記サービスを使ってるサイト見たことありませんが。。
デザインワークスでは、WEBサイトでのプッシュ通知できればな〜。と、ずっと思っていたので、
早速、動作テストも兼ねて、このWeb制作部ログ!に設置してみました！
WEBプッシュ通知サービスの設置
Webプッシュ通知サービスはいくつかあるみたいですが、
今回は、テストということで、簡単設置を唄っていた「bpush.net」を使ってみたいと思います。
https://bpush.net
設置方法
簡単なので、書く程のこともありませんが。
- ユーザー登録
- 利用サイトの情報の設定（簡単です）
これで、設置用のスプリクトコードを生成してくれます。
コードを設置したところ、そのままでも動いたのですが、
ボタンのデザインがイマイチだったので、
今回は、イメージ要素を使わない方向にカスタムしました。
この記事の下部に「このブログの更新通知を受け取る」というボタンが、
WEBプッシュ通知用のボタンです。
よかったら、押してみて、
ぜひ「更新通知を受け取る」方向で（笑）お願いします。
この機能、ポータルサイト制作にとっても役立ってくれそうです！
ホームページ制作のご要望の際は、お気軽にご相談ください。
2016年07月24日 カテゴリー: 未分類
関連記事一覧
single.php
