WordPressの"more"タグの直後にアドセンス広告を表示させる方法。

2015/01/14 2015/01/14

ブログのデザインを変更するにあたり、以前はサブジェクト（ポスト件名）の下に配置していたアドセンスバナーを、「moreタグ」直後に配置するよう変更したので、その方法を備忘録としてポストします。

moreタグ直後に挿入する

今回はサブジェクト下には少し大きめのアイキャッチ画像を配置するので、数行の文章の下に「moreタグ」を書き、その下にアドセンスを表示させるという事がしたくなりました。

「moreタグ」は知っての通り、トップページから「続きを読む」などの文字列でリンクさせる例のアレ。
シングルページを表示の際は「続きを読む」は表示されない、便利なタグです。

functions.phpを編集

テーマに梱包されている functions.php に以下を記述します。

アドセンスタグは javascript で書かれているので、phpのヒアドキュメントを使ってみました。
<<

/* moreタグ直後にアドセンスを表示 */
add_filter('the_content', 'adMoreReplace');

function adMoreReplace($contentData) {
    // moreタグ下アドセンス

    // モバイル
    if (wp_is_mobile()) {
        $adTags = 
<<<EOF
    ここにモバイル用のアドセンスタグ
EOF;
    } else {
        $adTags = 
<<< EOF
    非モバイル用のアドセンスタグ
EOF;
    }

    $contentData = preg_replace('/<span id="more-[0-9]+"><\/span>/', $adTags, $contentData);
    $contentData = str_replace('<p></p>', '', $contentData);
    $contentData = str_replace('<p><br />', '<p>', $contentData);   

    return $contentData;
}

/* moreタグ直後にアドセンスを表示 */

add_filter('the_content', 'adMoreReplace');

function adMoreReplace($contentData) {

// moreタグ下アドセンス

// モバイル

if (wp_is_mobile()) {

$adTags =

<<<EOF

ここにモバイル用のアドセンスタグ

EOF;

} else {

$adTags =

<<< EOF

非モバイル用のアドセンスタグ

EOF;

}

$contentData = preg_replace('/<\/span>/', $adTags, $contentData);

$contentData = str_replace('', '', $contentData);

$contentData = str_replace(' ', '', $contentData);

return $contentData;

}

以上で「moreタグ」を記述した場合、シングルページにアドセンスバナーが表示されるようになります。やっていることは意外と簡単。アドセンスタグ用の変数（$adTags）を作成し、ポストデータ用変数（$contentData）から正規表現で「<!--more>」を検索、置換えをする、という感じの処理です。もちろん、アドセンスだけでなく、任意のテキストやjavascriptなど、自由に挿入できるので、色々と使い勝手がいいルーチンかもしれないですね。 WPもまた、奥が深いですね。 [tgAmazonItemLookup asin="B00N7AXD90" related="1"]

-WordPress
-moreタグ, WordPress, WP, アドセンス, テーマ変更

: 過去５年でPVの多いポストを調べてみたら、意外と読まれていることに驚いた件

このブログの開始当初から実際にどれ位のPVがあるのか気になったので、期間を2013年1月1日から、2018年7月23日までとして出してみました。

: アマゾンアソシエイト用WordPressプラグイン「tgAmazonItemLookup」を作ってみた

毎回毎回、アソシエイト用のリンクを作成するのにアソシエイト管理画面よりリンクを作成するのが面倒だったので、Amazonが提供する「Product Advertising API」を利用し、全商品に振られている「ASIN」をショートコードで指定することにより対象商品情報を引っ張る WordPress 用プラグイン「tgAmazonItemLookup」を作成してみました。