WordPressでコンテンツ(記事)内に広告を差し込む方法
2024/02/20
WordPress内でヘッダーやフッターではなく、コンテンツ内にバナー広告を差し込みたい。また、記事のタグやカテゴリーによってそれぞれ異なるバナー広告を表示させたいのと、あらかじめ用意した複数のバナー広告からページ表示ごとにランダムで表示させたかった。以下に実装方法をメモ。
jQueryで広告を差し込む
<script>
jQuery(function(){
jQuery('p.ad').eq(2).html('広告コード'); //2個目のp.adの後に広告を差し込む。タグやclass指定部分は適宜変更する
});
</script>
eq()のリファレンスは以下参照。
http://semooh.jp/jquery/api/core/eq/position/
機能追加
コンテンツ内に差し込む以外にも以下機能を追加したかった。
- 記事のタグやカテゴリによって広告を変更したい
- 予めいくつか決めておいた広告の中からランダムで表示させたい
PHP側で表示する記事のカテゴリIDを取得し、カテゴリ毎の広告コードを設定しておく。設定変更するファイルはテーマフォルダ内のsingle.phpになると思われる。
<?php
if( $category == 1){
$ad_code = array(
0 => '広告コード',
1 => '広告コード',
);
}else if( $category == 2 ){?>
$ad_code = array(
0 => '広告コード',
1 => '広告コード',
);
?>
表示させるページに以下を設置する。これもsingle.phpになると思われる。
<?php if( $add_code ){ ?>
<script>
jQuery(function(){
jQuery('p.ad').eq(2).html('<?php echo $ad_code[array_rand($ad_code)];?>');
});
</script>
<?php } ?>
関連記事
-
-
WordPressサイトのロードアベレージが高い際の対応方法
あるWordPressサイトのロードアベレージが先月ぐらいまでは通常0.5前後で ...
-
-
Contact form7で送信数を測定(トラッキングタグ)
contact form7でフォーム送信が完了した時点で計測されるようにトラッキ ...
-
-
WordPressのCron設定(wp-cron.php)を変更し負荷対策する方法
WordPressのcron設定(wp-cron.php)を変更することで負荷が ...
-
-
WordPressの自動更新(アップデート)を無効化する方法
あるサーバで通常はロードアベレージが1未満だけど10以上に上がりサーバに接続しづ ...
-
-
WordPressで複数のカテゴリーを取得する方法(get_the_category_list)
WordPressで1つの記事に対して複数カテゴリを設定していた場合、テーマによ ...