勉強したことのメモ

webプログラマが勉強したことのメモ。

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

      2020/05/11

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

 

jQueryで広告を差し込む

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

 

表示させるページに以下を設置する。これも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, CMS

  関連記事

WordPressの記事をfacebookに投稿

WordPressの記事をfacebookに投稿する際にOGP設定をする必要があ ...

WordPressでカスタムフィールドとCSVファイル投稿

WordPressでカスタムフィールド設定している環境に、CSVファイルアップロ ...

contact form7で500エラー

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

WordPressを停止しないままサーバ移設する方法

WordPressを設置しているサーバのリソースがそろそろ危ういので移設を検討す ...

WordPress4.0の新機能

WordPress4.0への更新が出来るとダッシュボードに書いてた。 互換性で変 ...

WordPressにてACFで設定したカスタムフィールドの値を元に記事を並べ替える方法

WordPressにてAdvanced Custom Fieldsで設定したカス ...

さくらvpsにワードプレスを導入

さくらvpsで立ち上げたサーバーにWordPressを導入した際のメモ。 ①ダウ ...

WordPressでユーザー毎にフラグを持たせる

WordPressでユーザー毎に何らかのフラグを持たせて、フラグによって分岐処理 ...

PHP5.1系にWordPressを入れる方法

無料レンタルサーバーにWordPressを突っ込むと、 「 サーバーの PHP ...

WordPressログイン時のヘッダーメニューを非表示

WordPressログイン時にフロント側のページを見るとヘッダーにメニューが表示 ...