ブロギングライフブロギングライフブログサイト運営関連、AdSenseについての情報などを発信しています。SEO・ウェブマスター関連の主な出来事・発表・ニュースChico@ブロギングライフ2019年12月30日2019年も残りわずかとなりました。2019年の検索・ウェブマスターに関連する主な出来事について、時系列順に振り返って紹介します。年が明けて2020年となりました。2010年代が終わり、2020年代に入りました。過去を振り返ると色々なことがありましたが、これからも色々なことが起こると思います。2020年代は、自分が納得できるようなことをしていきたいと思っています。amp-web-pushを使用するとプッシュ通知購読機能をAMPページに搭載することができます。OneSignalは、AMPページでのプッシュ通知購読機能をサポート(提供)しています。現時点ではAMPのWebプッシュ通知購読機能は、Androidのみ対応可能です。iOSに関しては、まだサポートされていません。Webプッシュのデモです。WPを使用してAMP化しているサイトの場合、本記事で紹介する方法ではなく、プラグインの設定の方で簡単に対応可能です。CocoonでAMP化を行なっている場合の設定方法は以下の記事をご覧下さい。IDが設定で必要となります。IDの取得方法は、以下の記事を御覧下さい。<head>タグ内に設置します。src=”https://cdn.ampproject.org/v0/amp-web-push-0.1.js”></script>AMPページの<head>タグ内にコードを設置する方法は、AMP化している方法(プラグインやテーマ)によって異なります。自動広告のコードの<head>タグ内への設置方法と同じです。(<body>タグ直後に設置するコードについては、後で紹介します。以下の二つのAMPプッシュ通知設定用のファイルをダウンロードして、サイトのルートにアップロードします。amp-helper-frame.htmlamp-permission-dialog.html続いて、以下のコードのYOURDOMAIN.COMを設定するサイトのドメインに置き換え、YOUR-APP-IDにOneSignalのWebプッシュアプリのIDに変更した後、AMPページの<body>タグ内(<body>の直下)に設置します。自動広告コードの設置方法で紹介したページなどをご参照下さい。></amp-web-push>1234567<amp-web-pushid="amp-web-push"layout="nodisplay"helper-iframe-url="https://YOURDOMAIN.COM/amp-helper-frame.html?appId=YOUR-APP-ID"permission-dialog-url="https://YOURDOMAIN.COM/amp-permission-dialog.html?appId=YOUR-APP-ID"service-worker-url="https://YOURDOMAIN.COM/OneSignalSDKWorker.js?appId=YOUR-APP-ID"></amp-web-push>ウィジェットの設定AMPページでのプッシュ通知購読ボタンと購読解除メッセージの表示を行うウィジェットを、AMPページに設置します。ウィジェットの設置位置は、以下の様なユーザーエクスペリエンス、ユーザーフローの理由から記事下(メインコンテンツの後)が推奨されています。ウィジェットは、AMPの仕様上、スペースが予め必要となります。購読済みのユーザーに対しても、ウィジェットのスペースを埋めて表示することはできません。ウィジェットをページ上部などに設置すると、購読中、非購読を問わずすべてのユーザーに対してウィジェットが表示され、余分なスクロールを強いることになります。サイトやコンテンツの価値をユーザーが理解した上で、プッシュ通知の購読を尋ねるのが妥当な流れです。記事の終わりに購読、非購読のボタンを設置するのは、ユーザーにとって自然な位置です。ウィジェットは、デフォルトではプッシュ通知購読ボタン、購読済みのユーザーには購読を止めるメッセージが表示されます。ボタンが記事の上や途中にあると誤タップする可能性があります。以下のコードをAMPページの<head>タグ内(通常CSSの場所)に設置します。0);}</style>以下のコードを購読・非購読のボタンを表示する位置に設定します。位置は、記事下が推奨です。設定方法は、WordPressの場合は、テキストウィジェットなどを使用します。(記事下に広告コードを設置する方法と基本的に同じです。on="tap:amp-web-push.unsubscribe">プッシュ通知を非購読する</button></amp-web-push-widget>上のコード内の「プッシュ通知を購読する」、「プッシュ通知を非購読する」のメッセージはお好みに合わせて変更して下さい。ページの記事下に以下の様にボタンが表示されます。カスタム検索Googleの強力な検索エンジンを使用して、サイト内の記事を検索します。カスタム検索の設置方法は、こちらの記事をご参照下さい。2020年2月...Moreメルマガ・ニュースレター登録サイト運営関連のニュース、更新情報などをメールマガジンで配信しています。以下のフォームにメールアドレスを入力すると、メールマガジンの登録に関するメールが送信されます。届いたメールの内容を確認後、メール内に記載されたURLから登録を完了して下さい。ポッドキャストサイト運営とSEO関連の主な出来事、発表などについて、毎週、ニュースレターと合わせてポッドキャストで配信しています。Blogger関連の情報、Bloggerの使い方、活用法についての情報を発信しています。Blogger@ブロギングライフWebサイト運営関連の情報フォーラム:フォーラムプラットフォームでありながら、多彩なメディアサポート、多機能を提供するphpBBを使用したフォーラムサイトです。