【blogger設定】QooQのテンプレートで本文中にアドセンスの広告を表示する方法

10/21/2019

ブログ設定

t f B! P L

※当サイトではアフィリエイト広告を利用しています


【blogger設定】QooQのテンプレートで本文中にアドセンスの広告を表示する方法

今回はアドセンスの広告をブログ本文中に表示させる方法をまとめました
このブログはQooQというbloggerテンプレートを使用しています
このテンプレートで設定する方法を紹介します

アドセンスの広告をbloggerのガシェットを使いサイドバーやフッターなどには簡単に表示させることができます
しかし本文の上や下にはガシェットでは追加できません

毎回アドセンスのページからコードをコピーし張り付けるのはめんどくさいので
自動で表示させるようにします

方法はテンプレートを作成したラムネグさんも紹介していますが
ちょっとわかりずらかったので補足のような感じで紹介します

アドセンス広告
QooQはアドセンス広告を記事内に設置できます。
管理画面左のメニューから、「テーマ」→「HTMLの編集」。ずらずらとローマ字が並んでいるトコロ、どこでもいいので一度クリックしてから、Ctrl+「s」キーで右上に検索ボックスが表示されます。
検索ボックスに「アドセンス広告」と入力して検索。「アドセンス広告1.start」みたいのが4つ出てくるので、startとendの間に、アドセンスの公式サイトから取得した広告コードをそのままコピペ!
これで記事内アドセンス広告が有効になります。
引用元:QooQリリースノート

 こんな感じで書かれていますので基本この通り行えば大丈夫です
では早速操作方法を紹介

操作方法

今回もHTMLを編集しますので事前にバックアップは取っておきましょう
バックアップは何をするにも重要です

bloggerカスタマイズページ > テーマ > HTMLの編集

「Ctrl」+「F」で検索ボックスを出し「アドセンス」と検索
すると以下のように検索ボックスが表示されます

※サイトのページには「Ctrl」+「S」と書かれていますが「F」の間違いだと思います


「アドセンス」が黄色くハイライトされるので、エンターキーを何回か押し以下の表示の欄まで移動しましょう


<!--アドセンス広告1.start -->
という表示があるかと思います

「start」と「end」のアドセンスのコードをコピペすれば作業終了です

<!--アドセンス広告2.start -->
こちらも同じようにコピペしましょう

広告が表示されるまで少し時間がかかる場合がありますが、本文の一番上と一番下に空欄が表示されるのがわかるかと思います

これでブログを書いたら自動的に本文の中にアドセンスの広告が表示されます

追記

<!--アドセンス広告1.start -->
ここにアドセンスを配置するとTwitterなどのボタンと隣接してしまい気になりました
そこで

<!--アドセンス広告1.start --> のすぐ下に
<br />
を入力することで改行できます





まとめ

今回はアドセンスの広告を本文中に表示させる方法をまとめました
テンプレートに場所が用意されているのでコピペするだけで簡単に表示させることが可能です

これで毎回コードを張り付けなくても広告が表示されるので、めんどくさがりな私にはもってこいですね(笑)
毎回コピペするのは面倒なので助かります

ブログをカスタマイズをしてどんどん良いブログを目指していきたいです

このブログを検索

スポンサーリンク

ABOUT



CAD日和 / CADデザイナー

 三次元CADのFusion360やSolidWorksなどの操作やデザイン作成の紹介、3Dプリンターや機械設計について書いてます。

ブログ情報

QooQ