自分のサイトに超簡単に通知機能を搭載できる「Push7」
ChromeやFirefoxなどのWebブラウザには「WebPush」という仕組みが搭載されており、受信許可したサイトが発信する新着記事などの情報を通知画面で受け取ることが出来る。訪問者側はSNSなどのサービスを別途導入せずに簡単に利用できるので、常連を増やしたいサイト管理者なら要注目だ。
しかし、サイトにWebPushを搭載するには、サーバをHTTPSに対応させるなど複雑な手順が必要で、面倒臭くなってやめてしまう人も少なくないだろう。
手軽にWebPushの機能を利用したければ、「Push7」というサービスを利用してみよう。アカウントとサイトを登録して、取得したHTMLタグをサイトに埋め込むだけで、超簡単に通知配信が実現できるぞ。
通知の作成も、更新情報を配信するだけなら既存のRSSのURLを登録するだけなので簡単だ。他にも、管理画面上からメッセージを作成したり、WordPressプラグインで連動させることも可能。自作プログラムから通知を実行させるためのAPIも完備している。
なお、iOSのブラウザは現在のところWebPushに対応していないが、Push7では独自のアプリを導入することでPush7経由の通知を受信可能となっている。
Push7には、毎月の通知件数の上限を緩和する有料プランも用意されているが、無料プランでも毎月5000件まで通知を出せるので、個人で更新するブログなどなら十分だろう。
あんスマでも、Push7を利用して更新通知を始めたので、耳寄り情報を逃さずゲットしたい人は是非利用して欲しい。
「Push7」のサイトにアクセスしたら、右上の「新規登録」から登録手続きに進もう。
アカウント登録に使うメールアドレスを入力して「仮登録」をクリック。
入力したアドレスに送られてくる案内メールに書かれたURLを開こう。メールが見当たらない場合は、迷惑メールフォルダなどをチェックしてみよう。
本登録の画面が表示されるので、メールアドレスやパスワードなどを入力して「新規会員登録」を押そう。
登録が完了すると管理画面が表示されるので、「新規アプリケーション作成」を押そう。
アプリケーション名とURLを入力したら、画像を選択して切り抜き範囲を指定し「完了」を押してアイコン画像を作成し、カテゴリを選択、アプリケーションURL(通知画面に表示されるURLのサブドメイン)を指定して「送信」ボタンで登録を実行しよう。
サイトにPush7を組み込むには、「導入設定」画面の指示に従ってSDKとボタンのタグを取得し、サイトのHTMLやテンプレートファイルに挿入しよう。SDKはHTMLの末尾、ボタンは表示させたい箇所に貼り付ければ良いぞ。
既存のRSSで配信している更新情報を通知したい場合、管理画面の「自動送信」→「RSS」でRSSのURLを登録しよう。
手動で通知を送るには、「一般通知」から「新規プッシュ通知」を押して、内容を入力しよう。指定時間に自動送信されるように予約することもできるぞ。
ブログエンジンにWordPressを利用している場合は、管理画面の「自動送信」ページの「WordPress」タブを選択すると表示される案内に従ってPush7プラグインを導入しよう。30分ごとに巡回されるまで通知が行われないRSSと違って、プラグインならば新規記事の公開と同時に通知が行われるぞ。
SDKと購読ボタンのタグを埋め込んだページを表示すると、このようにボタンのタグを記述した箇所に購読ボタンが表示される。
購読ボタンを押すと、このような確認画面が表示され、「許可」を押せば受信登録が完了するぞ。
通知が送信されると、スマホならばこのように通知画面上に表示される。
関連記事
簡単にサイトの通信を暗号化!共用サーバーSDの独自SSL機能を利用する
Fireタブレットの「Alexa Accessories」の通知は無意味なので非表示にしてしまおう
【特集まとめ】「●●な時にスマホに通知」を自由自在に設定できる神アプリ「Pushover」
Alexaの自作スキルでお気に入りのサイトをフラッシュニュースに対応させよう
自分のVRゴーグルに合わせてCardboardアプリの表示を調節
[Androidの基本テク] 自分の声で検索したい(音声検索)
LINEなどのメッセージ履歴を既読にせずに快適に閲覧できる「メッセージ通知履歴」
スマホで簡単にお小遣いを稼げる人気ポイントサイト「モバトク通帳」
あなたはどの犬種?自分の顔と似ている犬種を教えてくれるサイトが登場!
2019年01月03日06時09分 公開 | カテゴリー: 便利化・快適化 | キーワード:おすすめ | Short URL
ツイート
最新記事
- 柔軟なケーブル管理!すべてのケーブルが絡まないようにする結束バンド!
- 一瞬でくるっとまとまる充電ケーブル!急速充電も高速データ伝送も対応!
- 小型化とスタイルの融合!テンキーレスで一日ゲームをするのも快適!
- 太めのケーブルも使えるマグネット式ケーブルクリップ!6個セットで家中どこでも使える!
- クランプで手軽に設置できるケーブルトレー!使い方によって小物入れとして使うことも!
- 配線を整理してスッキリ!デスク裏に設置する布製ケーブルトレー!
- 液晶ディスプレイの上を小物置きに!設置も取り外しも簡単なディスプレイボード!
- 照明の常識が変わる究極のモニターライト!自動調光で常に最適な明るさ!
- 狭いデスクを広々使う!可動域の広いモニターアーム!
- 大きな文字で見やすいデジタル時計!壁掛け時計としても置き時計としても!
- 3in1のヘッドホンスタンド!USBハブや 3.5mmオーディオ機能も!
- ゲームやテレワークを快適に!目に優しい設計のモニターライト!
- 便利なUSB電源のPCスピーカー!Bluetooth接続にも対応!
- 高さと向きを自由に調整可能!様々なゲーム周辺機器を収納できるスタンド!
- 安定性抜群!スマホを安定して置いておける折りたたみ式のスマホスタンド!
- 片手で脱着できるスマホホルダー!ダッシュボードでもエアコン送風口でも!
- AUX経由で音楽再生!Bluetoothでワイヤレスに再生できる!
- 小さい空間のあらゆるところで空気を浄化!プラズマクラスター搭載のコンパクトな空気清浄機!
- 2台の機器を立てて収納できるクラムシェルスタンド!重量感があるので安心して置ける!
- 超スリムで持ち運びも簡単!ノートPCを最適な角度に出来るスタンド!
- ボタン1つで締めるも緩めるも手軽に!シンプル操作で高精度作業!
- 最大8台同時充電可能!スマホスタンド付きの電源タップ!
- 一台6役の猫足型電源タップ!コンセントもUSBポートもこれ一台!
- 5個のコンセントと4つのUSBポート!コンパクトなのにたくさん使える電源タップ!
- 一台6役で干渉しにくい延長コード!コンセントもUSBもこれ一台!
- 4つの機能を1台に!ワイヤレス充電機能等がついた高機能空気清浄機!
- 車内空間を短時間でリフレッシュ!高性能HEPAフィルター搭載!
- ウイルスも花粉もきれいに!車内の空気を清浄化!
- ドリンクホルダー付きスマホホルダー!マップアプリ利用に最適!
- 電子アクセサリーをまとめて収納!ダブルファスナーで超大容量!