モカどっとこむ

WordPressのcustomize、iPhoneやPC、アフィリエイトなどのジャンルを中心にブログを更新中。投資に関する情報(FX、投資信託)も記事にしています。

WordPress全般

アドセンス広告を表示・非表示にするプラグイン!

2015/10/12

Plug

photo by: Brad.K - CC BY 2.0

SPONSORD LINK

「stinger5」「プラグイン」を利用して「Googleアドセンスの広告」を設置してみました。特定のページやサイドバーの広告を非表示にする事も出来ますので、非常に便利ですよ!

プラグインを利用する理由

最近、巷で「アドセンスの広告が停止してしまった」という記事を良く目にします。

CSSの知識がある方は書いてしまえば済む話ですが、そうでない方も多と思いますので、設置の方法から非表示にする方法を記事にしたいと思います。

使用するプラグインは「Quick Adsense」

「Quick Adsense」を使用しアドセンスの広告を設置する事で、必要な場所に広告を設置したり、不要な場合は広告を非表示にする事が出来るようになります。

例)設置

  1. 記事のトップに設置
  2. 記事のエンドに設置
  3. <more>タグを利用して好きな場所に設置
  4. サイドバーに設置

特に記事内に広告を設置したい場合、<more>タグで設置場所を調整する事が出来るので非常に便利です。

例)非表示

  1. 特定の記事の広告をすべて非表示
  2. 特定の記事のサイドバーの広告を非表示

Googleアドセンスの広告を設置するには色々な条件がありますので、場合により非表示にしたいと思う事や、Googleから指摘があり非表示にしなければならない時に役立ちます。

プラグインのインストール

毎回の事ですがプラグインをインストールする際には、必ずバックアップを取得して下さいね!(最悪、動かなくなります)。

「管理画面」→「プラグイン」→「新規追加」から「Quick Adsense」と検索すれば出てきますので、インストール後に「有効化」して下さい。

設定の準備(広告の設定)

「Googleアドセンス」にログインし「広告の設定」を行ってください。モカのサイトでは「3つに広告」を以下の内容で設定しています(Googleアドセンスは1つの記事で広告は3つまでと制限されています)。

  1. サイドバー用:300*250 テキスト/イメージ
  2. 記事トップ用:336*280 テキスト/イメージ
  3. 記事エンド用:336*280 テキスト/イメージ

ポイントはstinger5のレイアウトに記載に収まるように、サイドバー用を一回り小さくする事です(広告はレイアウトの見た目も重要です)。

SPONSORD LINK

プラグインの設定(広告の設置)

プラグインの設定方法です。

設置場所

▼プラグインの設定方法

「設定」→「Quick Adsense」を選択

アドセンス設定

  1. Adsense
    広告表示の最大数を指定します。
    →最大3つにしたいので、Place up to「3」adsと入力
  2. Position
    広告設置場所を指定します。
    →記事トップに設置:「to Beginning of Post」にチェック「Ads1」を選択
    →記事エンドに設置:「to End of Post」にチェック「Ads2」を選択
    ※今回は記事トップ・エンドとしていますが必要に応じて<more>タグなどを利用して下さい。(right after the<!--more-->tag)
  3. Appearance
    何処に設置するかを指定します。
    →「投稿」にチェック

広告の設定

  1. Adsende Codes
    アドセンス設定-2
    「Ads1」「Ads2」に「Googleアドアセンス」の広告コード(336*280)を入力します。
    尚、広告上部に「SPONSORD LINK」と表示したい場合は、以下を広告コードの前に入れて下さい。(余白がいらない場合は「padding:20px」→「padding:20px」)
    <div style=” padding:20px 0px; text-align:center;”>SPONSORD LINK<br/>

  2. AdsWidget1
    アドセンス設定-3
    サイドバーに広告を設置する為の広告コード(300*250)を入力します。
  3. 下に行き「変更を保存」を選択

これで「記事のトップ・エンド」広告が表示されます。

サイドバーの設定

 続いてサイドバーの設定を行います。

アドセンス設定-4「外観」→「ウイジェット」より、「AdsWidget1(Quick Adsence)」を「サイドバーウイジェット」へドロップ。

以上で広告の設置が完了です!

広告を非表示にする

 記事内に以下のタグを設置する事で非表示にする事が出来ます。

  1. 記事内の広告を非表示
    <!--NoAds-->

  2. サイドバーの広告を非表示
    <!--OffWidget-->

以上です。

SPONSORD LINK

-WordPress全般