【朗報】はてなブログでamp-adタグが入るようです【AMPでAdsense】

追記(22:24)

<amp-ad ～></amp-ad>の間にコメントアウトなど何か入れないと消えてしまうようです。上記タグ修正しました。

※見たまま投稿のHTML編集の場合のみコメントアウトが必要なようです。Markdownやはてな記法の場合は間のコメントなしでも大丈夫です。

@weblog_life おそらく<amp-ad ～></amp-ad>の間に何か入れないとタグが消えちゃいます。gistに参考コードを上げておきました。https://t.co/YaF0b1qymk

— TAKUMI SHIROMA (@made_mode) 2016年11月23日

以下の部分のみ差し替えでOKです。

data-ad-client="ca-pub-XXXXXXXX"
data-ad-slot="XXXXXX"

AMPページはURLに?amp=1を付与するだけで確認可能です。このページはここでチェック可能です。

AMP設定している場合、記事プレビューでも表示確認できました。

追記（23:25)

Markdownでも表示できました。Markdownの場合は<div></div>で囲むと出ました。恐らくpタグでも何でも良いのでタグで囲めば表示されると思われます。

今までAdsenseが入れられなくてAmpを避けていた方はこの機会にいれてみてはどうでしょうか？

2016/11/23現在、デザイン設定の記事上やフッターに書いた場合は反映されないようです。

※記事ごとに入れるのはちょっと手間だな・・・

まとめ

まず現状、デザイン設定での埋め込みでは表示できません。記事内に直接追加〜表示が確認できました。

あくまで?amp=1のパラメーターが付いた記事だけの話ですので、AMP経由でのトラフィックが多い記事だけ入れるのがよいでしょう。

投稿別の記述方法を以下の通りです。

<div class="amp-ad">
<amp-ad width="300" height="250"
type="adsense"
data-ad-client="ca-pub-XXXXXXXX"
data-ad-slot="XXXXXXX">
</amp-ad>
</div>

.entry-content .amp-ad::before {content: "スポンサードリンク";font-weight: bold;text-align: center;}