2018.06.29スポンサーリンク数年前からよく目にするようになった、WEBサイトからの通知、いわゆるプッシュ通知。当ブログでもプッシュ通知ができるサービス・プラグイン「Push7」を使ってみました。気になったところカスタマイズサブドメインの設定まとめプッシュ通知とは?サイトを開いたら「通知を許可しますか?」ってポップアップが出てきたことあると思います。(というより、当ブログではポップアップが出てくるようになっているので、見ているはずです!はい、すいません。)例えば、通知を許可すると、スマホやパソコンなどで更新しましたよーとか、イベントの時間ですよーとか、お知らせするときにアプリ側から知らせてくれるもの。自分はこの通知も嫌いでしたし、いちいち「通知許可しますか?」って聞かれるのも面倒と思ってました。人は分かり合えるもの。最近では便利だなと思い、興味のあるサイトでは利用してます。そこで、当ブログにも導入を決意しPush7を見つけました。国産のPush7に決めた完全無料のものを探しましたが、そんな都合のいいものはなかなか。海外のサービスあるみたいなんですが、無理せず国産。Push7はプランによって有料プランがあります。基本的には月間5,000プッシュまでは無料というような形です。5,000プッシュってどれくらい?と感じる方も多いと思います。単純に購読者×通知する記事数が5,000まで。500人の購読者がいる人は月10記事更新のプッシュまで。ちなみに有料プランだと、月額980円で30,000件までのプランと月額2,980円で100,000件までのプランがあります。効果を求めるならPush7‎Push7は国内8,000サイトへ導入されたWebプッシュ通知サービスです。5分で導入ができ、データベースと連動したセグメント配信も可能です。大規模な会員制サイトからウェブマガジンまで幅広いユースケースでエンゲージメントを高めるご支援をいたします。上記以外にもあると思いますが、主なサービスが上記のようです。導入が簡単なのがありがたいです。APIキーをどうのこうのとか、そういう設定もわかりやすいのでスムーズにでき、ワードプレスのプラグインもあるのも、簡単でありがたいです。上記でも記載したように無料プランには制限があるということぐらいですかね。気になったところワードプレスプラグインの場合、記事ごとに通知するかどうか設定できます。その設定で通知の回数を調整できたり、通知するほどでもない記事は通知しないなど調整できるのは良いなと思ったのですが、予約投稿の時は通知されない設定になってしまうみたいで、そこは注意が必要です。「通知をする」に設定して、再度更新すれば、通知は飛びます。こちらグーテンベルグになってからか、予約投稿時でも通知が飛ぶようになってました!カスタマイズPush7の設定方法は簡単なうえ、解説されている記事が多いので、当サイトではcssのカスタマイズ方法を紹介。当サイトではPush7のワードプレスプラグインを使い、設定より「Push7SDKを有効にする」を設定し、初めてサイトを開いたブラウザに「プッシュ通知しますか?」という表示がでてくるようにしてます。デフォルトでは表示の位置が一番上の横中央なんですが、その位置から左下に変更してます。スマホ版は通常なら上部に表示してる状態から、下部に表示する形に変更してます。ロゴとかと、かぶるんだもん。上記の状態から、下の状態にCSSをカスタマイズ。単純にCSSを上書き。ease-out;}}上記を、CSSに追加するだけです。「購読する」ボタンクリックすると「https://○○〇.app.push7.jp」という設定したURLへ飛び、購読するかどうかの設定画面が表示されます。その飛び先のURLをサブドメインに変更できます。当サイトも「https://push.higashidadan.com/」というサブドメインに変更しておりました。(サーバー移転等によりサブドメインとして設定できなくなりました)ただこの設定、設定自体は簡単なのですが、ドメインの管理会社によっては面倒さに差がでるかなと。DNS関係なのですぐに設定できなかったり、落ち着くまで待つ必要があるのですが、待てど待てど、うまくいかず、72時間。なんどやっても「ドメインエイリアスの設定に失敗しました」との表示。当ブログはムームードメインを利用、その旨、サポートにメールで連絡してみました。無料プランはサポート外だと思うのですが、送ってみました。)3営業日以内に連絡と書いてましたが、見落としてなければ連絡来ず。ダメかと、ダメ元で再度設定を試みてみたところ、うまくいけてるー!時間の問題でいけたのか、メールを見たご担当の方が触ってくれたのかわかりませんが、やっぱりドメインは気長に待たなくてはいけないって事ですね。まとめプッシュ通知については、好き嫌いが分かれると思います。興味を持って登録してもらった閲覧者に逃さない良い方法だと思います。Push7はそんなプッシュ通知を簡単に導入できるサービスです。TipsプラグインシェアするTwitterFacebookはてブPocketLINEPinterest東田ダダーンをフォローするこのブログを購読する当ブログから更新通知を受けてもいいという方はリンクより更新通知の許可をしてください。東田ダダーンが更新された際、更新した旨、通知されます。imagesを使うとサイトが止まる制作をしていれば、「画像の圧縮」と聞くと、勝手にパンダが頭に浮かぶ人も多いはず。Tipsインデックスカバレッジって何よ?サイトマップxmlのエラーどうも、東田ダダーンです。カバレッジ」の問題が新たに検出されました』とのこと。Tips令和にも残そう、懐かしい90年代WEBデザイン。令和、平成も残りわずかですね。そんな新しい時代に突入する昨今(元号、関係あるのは日本だけやけど)、あえて懐かしいデザインで作成されたサイトを集めてみました。Tips【3回目で受かった】Googleアナリティクス個人認定資格(GAIQ)微妙に難しかった「そうだ、まずは肩書きを固めよう」と思い、「資格だ、資格。アナリティクス個人認定資格(GAIQ)」があるじゃないか。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。miniで照明の色を、声を使って操作する方法2019.12.142019年を振り返る【アクセス数が増えたとか、個人的アレコレ】2019.12.012020.01.14PROFILEアラサー、産まれたばかりの娘、フロントエンドな東田ダダーンです。東田の中のヒガシダを目指し、玩具のレビューやWEB技術記事、子育てブログを更新しています。雑記、雑記、雑記ブログでございます。RANKINGページ遷移時にアニメーションを入れる方法【ライブラリなし】2019.07.252019.12.06CSSの疑似要素before、afterを使って三角形等の装飾する2018.09.042019.09.06PWAをワードプレスで実装してみて感じた事。先っちょだけでも、フォローお願いします。miniで照明の色を、声を使って操作する方法2019.12.142019年を振り返る【アクセス数が増えたとか、個人的アレコレ】2019.12.012020.01.14PROFILEアラサー、産まれたばかりの娘、フロントエンドな東田ダダーンです。東田の中のヒガシダを目指し、玩具のレビューやWEB技術記事、子育てブログを更新しています。雑記、雑記、雑記ブログでございます。RANKINGページ遷移時にアニメーションを入れる方法【ライブラリなし】2019.07.252019.12.06CSSの疑似要素before、afterを使って三角形等の装飾する2018.09.042019.09.06PWAをワードプレスで実装してみて感じた事。先っちょだけでも、フォローお願いします。タイトルとURLをコピーしました。