はてなブログ開発ブログ

はてなブログからの公式のお知らせを発信します。

【リリース完了】AMPのソーシャルボタンの仕様やデザインが変わります

平素は、はてなブログをご利用いただきありがとうございます。
はてなブログでは、今後のリリースで、AMPのソーシャルボタンはPC版のデザインカスタマイズ画面と連動し、表示するソーシャルボタンと掲載位置を変更できる仕様に改修を行います。

現在提供しているAMPのソーシャルボタンは3種類(Twitter/Facebook/はてなブックマーク)で、表示位置に関しても記事下のみに固定されていましたが、PC版カスタマイズの設定状況に準拠することで、カスタマイズ画面で設定できるソーシャルボタンを表示できるほか、掲載位置に関しても、記事上下に表示/記事下のみに表示(デフォルト)を選べるようになります。
合わせてソーシャルボタンのデフォルトのデザインも変更されます。

before after
現在のAMPソーシャルボタン リリース後のAMPソーシャルボタン
現在のAMPソーシャルボタン リリース後のAMPソーシャルボタン

AMPのソーシャルパーツ表示設定

AMPのソーシャルボタン設定画面はデザインカスタマイズ画面にあります。

ダッシュボード左ナビにあるデザイン設定 >カスタマイズ>記事>ソーシャルパーツ

PCやスマートフォンの設定と連動し、AMPでも選択されたソーシャルパーツ、掲載位置で表示が可能となります。
ソーシャルパーツを設定画面以外で独自に設置されている場合は、AMPでは表示されませんのでご注意ください。

ソーシャルパーツ表示設定
ソーシャルパーツ表示設定

本機能リリーススケジュール

本日から9月23日の週(予定)表示確認期間

AMPをデザインされている場合、見た目が変わる可能性があります。
デザインされているユーザー様には、事前に確認いただけるよう下記のパラメーターをご用意いたしました。
こちらのパラメーターを記事詳細ページURL末尾に追加することでリリース後の画面を事前に確認していただけます。

?amp=1&new_amp_social=1

例)https://staff.hatenablog.com/entry/2019/07/29/173300?amp=1&new_amp_social=1

デザインの修正を行う場合、9月24日(火)のリリース前までに「カスタマイズ」画面にあるAMP用CSSにて行なってください。
https://staff.hatenablog.com/entry/2019/06/12/172302

2019年9月24日(火)(予定)に正式リリース

本機能の正式リリース日は、9月24日(火)を予定しており、公開されると同時にAMPのソーシャルボタンがカスタマイズページの設定状況に準拠します。

【9月24日追記】AMPのソーシャルボタンの仕様やデザインが変わりました

本機能は予定通り、2019年9月24日(火)に正式リリースいたしました。

引き続き、はてなブログをどうぞ宜しくお願い致します。