環境
無料版はてなブログ
HTMLの挿入場所を考える
はてなブログでは、広告を挿入するところがいろいろ選べるようです。
ヘッダー
常に表示されます。
下の画像のタイトルの下あたりになります。
記事上
記事のタイトルのすぐ下になります。
この場所は、トップページには表示されません。
トップページ
https://yasaasa.hatenablog.com/
記事のなか
https://yasaasa.hatenablog.com/entry/policy-setti
あくまでも、階層が記事の中まで入ったら表示されるようです。
記事下
記事のすぐ下になります。
ここもトップページには表示されません。
フッター
常に表示されます。
1番下になります。
記事内
記事の中にHTML編集で、アフィリエイト広告を貼ることもできます。
スマホ版アプリやスマホ表示だと、HTML編集ができないので、デスクトップ表示をさせる必要があります。
挿入方法
記事をアプリで書き終わったら、1番最後にHTML編集で広告のコードを貼り付けるのが1番簡単です。
記事内の好きなところにコードを設定することができます。
サイトに訪れた人のCSSを元に自動で関係ある広告を表示させるものです。
モーションウィジェットのページに飛び、コードをコピーし、スマホの辞書に登録します。
ブラウザアプリで記事の編集をします。
デスクトップ表示にして、上部のタブからHTML編集をせんたくします。
これでうえ↑に上に広告が設置されました。
今、うえ↑に広告が表示されていない人は、広告のブロックを行なっている人です。
前の記事の様に、アナリティクスのカウント除外のため、AD filterアプリを有効にしている場合、広告がブロックがオンになっていると自分のアフィリエイトの部分がSafariから確認できないので注意しましょう。
プレビューでも表示はされません。
はてなブログアプリからなら広告は表示されます。
自分は、SafariはAD filterでアナリティクスと広告の除外をして、Chromeの方とアプリで広告位置の確認をしています。
なお、広告のブロックはデフォルトの状態でオンです。