ブログを書く カスタマイズ

【アフィンガー5】目次上にアドセンス広告を設置する方法【解決済】

アフィンガー5

親愛なる君へ

  • 「アフィンガー5で目次上にアドセンス広告を設置する方法を知りたい」

この記事はそんな方へ向けて書いています。

本記事では、アフィンガー5でブログ記事の目次上に、アドセンス広告を配置する方法を解説します。

 この記事でわかること

・全ブログ記事の目次上に一発でアドセンス広告を設置する方法

 本記事の信頼性

✔︎ ブログ歴:11ヶ月。
✔︎ ブログテーマ:アフィンガー5&子テーマJET。

目次上の設置方法がずっとわからなかったのですが、解決しました。

こーいち
結論はコードをfunction.phpに記述することです。

下記を試しましたが、目次上にアドセンス広告を設置できませんでした。

・アフィンガー5の「管理画面」
・「外観→ウィジェット」の画面
・プラグイン『WP QUADS』
・プラグイン『Advanced Ads』

※ 本記事の「目次」とはプラグイン『Table of Contents Plus』で自動生成された「目次」を指しています。

【アフィンガー5】目次上にアドセンス広告を設置する方法【解決済】

アフィンガー5

 アドセンス広告を目次上に設置する手順

1.functions.phpにウィジェットに「目次上」を表示させるコードを記載。
2.ウィジェット内の「目次上」に、カスタムHTMLを使ってアドセンス広告のコードを記載。

順番に解説します。

1.functions.phpにウィジェットに「目次上」を表示させるコードを記載

functions.phpに記載するコードは下記のとおり。

ラボラジアンさんのサイトより引用します。

// 専用のサイドバーを用意する
register_sidebars( 1,
array(
'name'=>'目次上',
'id' => 'widget-above-toc',
'description' => '目次の上に表示されるウイジェット。',
'before_widget' => '<div id="%1$s" class="widget-above-toc %2$s">',
'after_widget' => '</div>',
'before_title' => '<div class="widget-above-toc-title">',
'after_title' => '</div>',
)
);

/**
* 記事内の目次の上にサイドバーを追加する処理
* 目次がなければ、記事の先頭に追加する。
*/
function add_widget_above_toc($the_content) {
if ( is_single() && is_active_sidebar( 'widget-above-toc' ) ) {
// ウィジェットの表示文字列を取得する
ob_start();
dynamic_sidebar( 'widget-above-toc' );
$widget_content = ob_get_clean();

$pos_start = mb_strpos( $the_content, '<div id="toc_container"' ); // 目次の位置を取得する(TOC+の場合)
//$pos_start = mb_strpos( $the_content, '<div id="ez-toc-container"' ); // (Easy Table of Contents の場合)
if ($pos_start === false) {
$the_content = $widget_content . $the_content;
} else {
$html_before = mb_substr( $the_content, 0, $pos_start );
$html_after = mb_substr( $the_content, $pos_start );
$the_content = $html_before . $widget_content . $html_after;
}
}
return $the_content;
}
add_filter( 'the_content','add_widget_above_toc', 110 );

上記コードを「外観→テーマエディター→テーマのための関数(functions.php)」の一番下に貼り付けるだけです。

2.ウィジェット内の「目次上」に、カスタムHTMLを使ってアドセンス広告のコードを記載

ウィジェット内を見ると、下記のように「目次上」が追加されています。

ウィジェット

あとは、カスタムHTMLを使って、アドセンスコードを「目次上」に記載すれば完了です。

下記のように全ブログ記事の目次上に、アドセンス広告が設置されます。

アドセンス広告

アドセンス広告の最適配置の結論【ブログによって異なる】

アフィンガー5

 結論は、ブログによって最適配置は異なるので、データを取りつつ試行錯誤するのみです。

当ブログのアドセンス配置

 当ブログのアドセンス配置(PC、スマホ共通)

・アイキャッチ下 リンク広告
・目次上 記事内広告
・見出し上(2番目、3番目、5番目)レスポンシブ広告
・見出し上(7番目、9番目)記事内広告
・記事下 レスポンシブ広告
・記事下 リンク広告
・記事下 関連コンテンツ
・サイドバー上 レスポンシブ広告
・サイドバー下 スカイスクレイパー

目次上はもともと「リンク広告」で、クリック数は多かったです。
しかし、「リンク広告」は2回クリックされないと収益になりません。
そのため、記事内広告(1回のクリックで収益になる)に変えました。

クリック率の高い「目次上」をどうするかで、収益が変わります。

こーいち
しばらくは、上記配置で様子見です。

試行錯誤の気づき

その他、試してみて得た気づきは下記のとおり。

・タイトル上のリンク広告はクリックされるが収益にならない(1回クリックのみ)。
・タイトル上にレスポンシブ広告を貼ってみたがクリックされない。
・アイキャッチ下のビッグバナー広告、レスポンシブ広告はクリックされない(リンク広告はクリックされるが収益にならない)。
・見出し上(1番目、3番目、5番目)はクリックされる(現在は2番目、3番目、5番目で様子見)
・記事下はダブルレクタングルよりレスポンシブ広告1枚のほうがクリックされる(様子見)
・記事下のリンク広告はクリックされない(記事に満足しなかった読者が他の答えを求めてクリックする可能性はある)
・関連広告はクリックされる(手動で差し込める関連記事をブログカードにすると、他記事へ離脱してしまうので、読者にとって有益な関連記事のみテキストリンクで設置する)
・サイドバーはサイドバー上とサイドバー下に1枚ずつ広告があれば十分(下まではたどり着いていない読者がほとんど)
・サイドバー上のリンク広告は月30,000PVだと月100円くらいにしかならないため削除。
・見出し上広告は7番目、9番目にも配置していたが広告が多すぎる印象のため削除(とはいえ等間隔配置のほうがいいのでは?)
・スマホ用上部広告でラージモバイルバナー(そこそこクリックされる)を設置していたが、ユーザビリティを優先して削除。
・自動広告はサイトの世界観を壊すため削除。
・インフィード広告はクリックされないので削除(月2,000PVで300円程度)

サイトによって最適解は異なります。

リード文の長さでも適切な広告配置は違うはず。
試行錯誤することが最適解です。

 アドセンス配置で参考にした3つのブログ

【まとめ】アフィンガー5で目次上にアドセンス広告を設置しよう

アフィンガー5

本記事は、アフィンガー5の目次上にアドセンス広告を設置する方法について解説しました。

「目次上」はクリック率が高いので、アドセンス広告を配置するのはありです。

今まで目次上のアドセンス広告の設置の仕方がわからず、手動で設置してきました。

手動で330記事にリンク広告を差し込んでいました。
次に目次上のレスポンシブ広告設置を試してみたくなり、全記事を手動で再度変更。
2、3日後にすべて元のリンク広告に戻すべく手動でまた変更。

1記事30秒としても1時間で120記事、全記事で3時間ほどかかります。
多大なる時間の損失です。

「アフィンガー5 目次上 アドセンス広告設置方法」でググってもなかなか解決策が見つからず、ようやくラボラジアンさんのサイトを発見しました。

アフィンガー5を使用している方の解決策になるよう、備忘録の意味も込めて書いています。

こーいち
同じように悩んでいる方のお役に立てれば嬉しいです。

以上、『【アフィンガー5】目次上にアドセンス広告を設置する方法【解決】』の記事でした。

こーいちより

P.S. 目次上にアドセンス広告を設置しよう。

>> 当ブログのテーマはAFFINGER5

関連記事マクリンさん×サンツォさんブログセミナー『会社員ブロガーから学ぶブランディング戦略と収益化のコツ』に参加しました
関連記事レンタルサーバー・ロリポップ主催の人気アフィリエイター×人気ブロガーサミットに参加【第一部=ヒトデさん、マクリンさん、サンツォさん登壇のトークセッションを紹介】
関連記事2019年ブロガー・アフィリエイター大忘年会に参加して得た12の収穫【感想:圧倒的じゃないか】

Copyright© Blog Chronicle , 2020 All Rights Reserved.