今回は目次上にリンク広告を貼ろうとしたところ中々上手くいかなかったけど四苦八苦の結果出来たって話です。
当ブログでも採用しているワードプレステーマ「ザ・トール」ですがとても多機能で色々便利なのですが、たまに痒いところに手が届かなかったりするんですよね。
ちなみにリンク広告っているのは下の画像のような文字だけのアドセンス広告のことです。
今回どうしても目次上にアドセンスのリンク広告を貼りたくて色々試したのですが中々どうして微妙に上手くいかない…
諦めそうになりながらなんとか設定に成功したのでここに備忘録として残します。
今回はワードプレステーマ「ザ・トール」で投稿ページの目次上にアドセンス広告を貼り、さらに特定のタグを指定して広告を非表示にする方法について書いていきます。
目次上に貼るだけならザ・トールのカスタマイザーで簡単にできる
ザ・トールのカスタマイザーには広告を貼り付ける場所があらかじめ用意されています。
「記事内広告」という部分に広告コードを入力し、「最初のhタグの手前に表示する」にチェックを入れれば自動的に目次上に広告を設置してくれます。
2020.4.29追記
ザ・トールをバージョン2.0.2にアップデートしたところ、カスタマイザーで設定すると目次の下に表示するように変更となったようです。
しかしこちらの設定方法では全ての投稿記事に対してアドセンス広告が自動挿入されてしまいます。
グーグルの規約の関係でアドセンスを表示させたくないページもあるためカテゴリーやタグによって広告の出し分けがしたいところです。
プラグイン「Advanced Ads」でタグを指定して非表示に
広告挿入に特化したプラグイン「Advanced Ads」を入れてみました。
こちらのプラグインであれば広告ごとに非表示にする条件が決められるのでカテゴリーや特定タグの場合のみ非表示といったことが簡単にできます。
僕の場合はタグ指定で「お酒」というタグが付いたページには広告を出力しないようにしています。
広告の設置位置を最初のhタグの前で設定してこれでOKかなと思ったのですが…
なぜかAdvanced Adsで広告を設置すると目次上ではなく目次下に広告が挿入されます。
プラグインの仕様のようで、表示位置が目次の上か下を選べるようには作られていませんでした。
Advanced Adsのショートコードをザ・トールのカスタマイザー内の記事内広告に設定
色々試してみても上手くいかないので諦めかけていたのですが、ふとショートコードってカスタマイザー内でも機能するんじゃないかと思いまして試してみました。
Advanced Adsには広告の自動挿入以外にショートコードを使って自分で任意の位置に広告を挿入できる機能があります。
目次上の表示になることを確認しているカスタマイザー内の記事内広告部分にAdvanced Adsで設定したアドセンス広告のショートコードを入力してみます。
さぁ、結果はいかに…
結果は…
見事目次上にアドセンスが表示されました。
2020.4.29追記
ザ・トールをバージョン2.0.2にアップデートしたところ、カスタマイザー内でショートコードが使えなくなったようです。
そしてAdvanced Adsで指定したタグが付いた記事では広告が非表示となっています。
まとめ
いかがだったでしょうか？
今回はワードプレステーマ「ザ・トール」で目次上にリンク広告を貼り、さらに特定のタグを指定して非表示にする方法について紹介しました。
結果としてはAdvanced Adsで非表示条件を設定したリンク広告のショートコードをカスタマイザー内の記事内広告部分に入力することで実現することができました。
どんなテーマも万能ではありませんのでこのような独自のカスタマイズが必要なことはよくあります。
ザ・トールのアップデートで条件指定での広告の非表示機能が実装されることを願いますがとりあえずはこちらの設定で上手くいったのでよかったです。
以上、「ザ・トール」で目次上にリンク広告を貼り、さらに特定のタグを指定して非表示にする方法についてTAMAがお送りしました。
せっかくブログやるならやっぱり結果出していきたいですよね。
このブログの立ち上げの時の話ですが正直こんなに簡単に満足できるデザインに仕上がるなんて思ってなかったですよ。
【THE THOR（ザ・トール）】
ならデザインに時間を取られない分、しっかりと記事の作成に時間を使うことができますので結果が出だすのも早いですよ。
ブログで結果を出したいと思われるなら迷わずに有料テーマを選ぶことをおすすめします。
- SEOに最適化されていて上位表示されやすい。
- ワンタッチでオシャレなデザインが完成するテンプレート機能で超時短でブログ立ち上げが可能。
- カスタマイザーで広告の設置や目次の設置などほとんどのことが完結できる。
- 見出しやボックスなど記事装飾機能が充実しておりhtml知識なしでもお洒落にカスタマイズ。
- 一度購入すれば複数サイトで使用可能。
最後まで読んで頂いてありがとうございます。
こちらの記事の内容が「いいな」と感じていただけましたら、下のボタンからSNSでシェアして頂けるととても嬉しいです(^^)