JSファイルとスニペットだけで無料のWebプッシュ通知を構築できる「PushPro」

アプリはプッシュ通知してるけど、Webは後回しにしている方も多いのではないでしょうか。「PushPro」なら、JSファイルとスニペットだけで、簡単にWebプッシュ通知を実装できます。

なお、現在の対応機種はOnePlus 6T, Android 9, Chrome(iPhoneは未対応)になります。

◆ Webプッシュ通知が簡単に実装できる「PushPro」
https://www.pushpro.io/

紹介

プッシュ通知は、短い文章でも、メールに比べて圧倒的に大きなインパクトを生むことができます。

プッシュ通知の効果は言うに及ばずですが、今や訪問者の96%はメールアドレスを残していないという現状です。(※原文をGoogle翻訳しています)

料金

無料プランでも、2,000人までなら何通でも送れるのは魅力的です。では、早速登録していきます。

アカウント登録

メールアドレス認証して登録します。

アカウント登録が完了すると、プランの選択に移ります。ここではFREEを選択。

続いてアカウント情報を登録します。

ダッシュボード画面が表示されたら登録完了です。次は、プッシュ通知するためのセットアップをしていきます。

セットアップ

プッシュ通知を送るドメインを登録していきます。メニューのDomainsから、「Add Domain」に進みます。

このように、プッシュ通知を送るサイト名とURLを登録します。

ドメイン詳細でNameとURLを確認します。なお、通知時に表示されるアイコンは有料プランのみ変更可能なようです。

こちらがセットアップに必要なJSファイルとスニペットになります。JSファイル(sw.js)は、ソースコードのルートディレクトリに配置し、スニペットは<head>の中に記述します。

このように/sw.jsにアクセスして中身が表示されたら、正しく設置できています。

以上でセットアップは完了です。早速通知を送ってみます。

プッシュ通知を送る

メニューの「Push Notifications」を選択します。

このように送信内容を埋めたら「Send now」を実行します。

このようにWebプッシュ通知を受信できます。

分析

Analyzeでは、送信件数と何件通知を開いたかの統計をみることもできます。

まとめ

長所:
・簡単にWebプッシュ通知ができる
・送信数に制限がないのもGood!

短所:
・iPhoneは未対応

今こそ、重い腰をあげてWebプッシュ通知を実装して、効果の低いDMからおさらばしましょう!

◆ Webプッシュ通知が簡単に実装できる「PushPro」
https://www.pushpro.io/

新着ピック  






















新着ニュース

AWS Elemental Linkが届いたので開封してみた! | Developers.IO

Gen2 EPYC を搭載する「c5a」インスタンスのOpenSSL性能を確認してみた | Developers.IO

AWS Elemental MediaConvertで動画変換が完了した事をSlackに通知する仕組みを作ってみた | Developers.IO

AWS Elemental MediaConvertで...

DevelopersIO / 2時間前


【MediaPipe】Multi Hand Trackingで誰が商品を取ったか判別できる条件を確認する | Developers.IO

【MediaPipe】Multi Hand Track...

DevelopersIO / 4時間前


フジロックは21年8月に“延期” 「来年は2年分のエネルギーで」 今年のチケットも有効

Cloudinary の Named Transformation で画像変換 URL をシンプルにする | Developers.IO

Cloudinary の Named Transfor...

DevelopersIO / 4時間前


久しぶりに出社するときに気を付けること 社員証は持った?

Facebookの写真をGoogleフォトに暗号転送するツールが全世界で利用可能に | TechCrunch Japan

今週の記事ランキング(2020.5.31〜6.4) | TechCrunch Japan

視線追跡できるVR HMD「VIVE Pro Eye」とスタンドアロンの「Focus Plus」、一般向けに発売

スマートスピーカー開発キットが登場 小型開発モジュール「M5Stack」がベース

OASでLambda AuthorizerをREST APIにimportする | Developers.IO

OASでLambda AuthorizerをREST ...

DevelopersIO / 7時間前


[アップデート] Config の適合パックに「NIST CSF 運用のベストプラクティス」が追加されました | Developers.IO

Zoom面接のプロが教える「採用のオンライン化」で得られるもの、失われるもの

LINE、「トークスクショ機能」をAndroid版にも実装 長文トークも保存可能

「iPhone SE(第2世代)」用タフネスケースおすすめ3選 アウトドアでも安心【2020年最新版】

改正著作権法が成立 海賊版サイトからのDL違法化へ 21年1月1日に施行

AWS Elemental MediaConvert で 1時間近くかかる変換処理に対して高速トランスコーディング機能を使用したらどのくらい速くなるのか調べてみた | Developers.IO

AWS Elemental MediaConvert ...

DevelopersIO / 9時間前


太陽光で羽ばたく「バタフライロボ」は蝶よりも速い 中国の研究チームが開発

新型iPhoneは発売遅れる可能 Broadcomが示唆

もっと見る
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。