WordPressでコンテンツ内に広告を差し込む方法

2019/07/11 2020/05/11

WordPress内でヘッダーやフッターではなく、コンテンツ内に広告を差し込みたかった。以下に方法をメモ。

jQueryで広告を差し込む

<script>
jQuery(function(){
	jQuery('p.ad').eq(2).html('広告コード'); //2個目のp.adの後に広告を差し込む。タグやclass指定部分は適宜変更する
});
</script>

jQuery(function(){

jQuery('p.ad').eq(2).html('広告コード'); //2個目のp.adの後に広告を差し込む。タグやclass指定部分は適宜変更する

});

</script>

jQueryリファレンス

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 => '広告コード', 
	);
?>

<?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 } ?>

<?php if( $add_code ){ ?>

jQuery(function(){

jQuery('p.ad').eq(2).html('<?php echo $ad_code[array_rand($ad_code)];?>');

});

</script>

<?php } ?>

- CMS, WordPress

: contact form7で500エラー

WordPressプラグインのcontact form7で送信ボタンを押し、ロー ...

: 軽量CMSのMonstraがよさげ

WordPress便利なんだけど、メモリ1GのVPSだとWordPressだけで ...

: WordPressにインスタグラムの画像を表示

WordPressにインスタグラムへ投稿している画像を表示させたかった。プラグイ ...

: Advanced Custom FieldsでGoogleMapの使用

Advanced Custom FieldsでGoogleMapを使用したかった ...

: WordPressでプラグインの作成方法

WordPressで簡単なニュースを表示させるというプラグインを作成したので、使 ...

: WordPressのWP-Mail-SMTPプラグインが動かない

PHPのバージョンを下げてからWordPressで外部メールサーバが使えるWP- ...

: WordPressで記事検索時に投稿ID順にならない場合

WordPressでサイト上から記事検索を行った場合、通常であれば投稿IDが新し ...

: WordPressで逆アクセスランキングの設置

WordPressに逆アクセスランキングを設置したかった。ただ、広告が出ないタ ...

: WordPressで自動でmetaタグのkeywordsとdescriptionを表示

metaタグのkeywordsとdescriptionにて、基本的にはAll i ...

: WordPressと別プログラム間でSESSIONが引き継げない

同一サーバ内に自作したプログラムとWordPressを設置しており両者でセッショ ...

PREV: WordPressでテーマ内の共通の変数
NEXT: WordPressでサイトが改ざんされた際の対処方法

WordPressでコンテンツ内に広告を差し込む方法

jQueryで広告を差し込む

機能追加

関連記事