Webサイトでもスマホのように通知できるWebプッシュ通知を試す

woman-1150568_1280

プッシュ通知とは?

スマートフォンアプリの機能で、スマホアプリを起動していなくても、

iPhone,Androidなどのスマートフォン端末へ通知を送ってくれるとても便利な機能。ですが、

これ、スーマートフォンアプリの機能でして、WEBサイトではこの機能はありませんでした。。

 

WEBサイトでのプッシュ通知サービス

しか〜し、2015年くらいから始まったみたいです。

アプリではなく、WEBサイトでのプッシュ通知サービス。

まだ上記サービスを使ってるサイト見たことありませんが。。

 

デザインワークスでは、WEBサイトでのプッシュ通知できればな〜。と、ずっと思っていたので、

早速、動作テストも兼ねて、このWeb制作部ログ!に設置してみました!

 

WEBプッシュ通知サービスの設置

Webプッシュ通知サービスはいくつかあるみたいですが、

今回は、テストということで、簡単設置を唄っていた「bpush.net」を使ってみたいと思います。

https://bpush.net

 

設置方法

簡単なので、書く程のこともありませんが。

  1. ユーザー登録
  2. 利用サイトの情報の設定(簡単です)

これで、設置用のスプリクトコードを生成してくれます。

コードを設置したところ、そのままでも動いたのですが、

ボタンのデザインがイマイチだったので、

今回は、イメージ要素を使わない方向にカスタムしました。

 

この記事の下部に「このブログの更新通知を受け取る」というボタンが、

WEBプッシュ通知用のボタンです。

よかったら、押してみて、

ぜひ「更新通知を受け取る」方向で(笑)お願いします。

 

この機能、ポータルサイト制作にとっても役立ってくれそうです!

 

ホームページ制作のご要望の際は、お気軽にご相談ください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


この記事のトラックバックURL