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

2021/06/27

ブログ設定

t f B! P L

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

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


私のブログは「QooQ」のテンプレートを使用しています


アドセンスの広告はbloggerのガシェットの機能を使いことでサイドバーやフッターなどには簡単に表示させることができます

しかし本文の上や下にはガシェットでは追加することができません


そこで今回は自動で記事の途中に広告を表示させるようにする方法を紹介します

毎回アドセンスのページからコードをコピーし張り付けるのはめんどくさいですからね(笑)


方法はテンプレートを作成したラムネグさんも紹介していますが、

ちょっとわかりずらかったので補足のような感じで紹介します


設定方法

ラムネグさんのブログには次のように書かれています

QooQはアドセンス広告を記事内に設置できます。

管理画面左のメニューから、「テーマ」→「HTMLの編集」。ずらずらとローマ字が並んでいるトコロ、どこでもいいので一度クリックしてから、Ctrl+「s」キーで右上に検索ボックスが表示されます。

検索ボックスに「アドセンス広告」と入力して検索。「アドセンス広告1.start」みたいのが4つ出てくるので、startとendの間に、アドセンスの公式サイトから取得した広告コードをそのままコピペ!

これで記事内アドセンス広告が有効になります。

引用元:QooQリリースノート


このように書かれていますので早速試してみます


HTMLを編集しますのでバックアップを取っておきましょう


1,設定場所を探す

一覧から「テーマ」

カスタマイズを展開



HTMLを編集

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

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


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


2,アドセンスを配置


<!--アドセンス広告1.start -->

という表示があるかと思います


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

こちらに設定することで記事のトップに広告が表示されます


次に

<!--アドセンス広告2.start -->

こちらも同じようにコピペしましょう

こちらは記事の下に表示されます


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


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


3,補足

<!--アドセンス広告1.start -->

ここにアドセンスをそのまま配置すると、元からあるTwitterなどのボタンと隣接してしまい少し見にくかったりボタンが押しづらいと感じました

そこで回避策として


<!--アドセンス広告1.start --> のすぐ下に

<br />

を入力することで改行でき隙間を作ることができます



まとめ

今回はアドセンスの広告を記事中に表示させる方法をまとめました

「QooQ」のテンプレートに場所が用意されているのでコピペするだけで簡単に表示させることが可能です


これで毎回コードを張り付けなくても広告が自動的に表示されます

この方法を知る前は毎回記事にコードを張る必要があるのかと思いめんどくさいなと思っていました(笑)


これで記事を書くことに集中できそうです


にほんブログ村 ライフスタイルブログ セミリタイア生活へ
にほんブログ村

QooQ