スポンサーリンク

インフィード広告を記事一覧の間に表示させる方法

投稿日:

PREV
歯が痛いような鈍痛が続く意外な理由と対処方法かもしれない

スポンサーリンク


NEXT
WPblogでSSL化(https)する方法

本日の人気記事BEST10

所要時間目安: 約 3

インフィード広告挿入方法

AdSense AFFINGER4Pro STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録

今月初頭に(上旬)アドセンスの広告表示方法に通常のコンテンツ連動型広告にプラスで、インフィード広告と記事内広告が解禁されました。

以前に、トップページの記事一覧にきれいにアドセンス広告を挿入する方法を書きましたが、他の方法にても可能なのでちょっとだけ紹介です。

ここのところ WordPressにハマっている私です。 特にまだ始めたばかりなのでカスタマイズに没頭中です。(汗) トップページの記事一覧にダッシュボードのStinger管



スポンサーリンク

インフィード広告を記事一覧の間にきれいに表示する方法です。

上記もしましたが、
以前の記事のカスタマイズ方法においても任意の記事と記事の間に指定することによって表示することは可能です。

今回は、
ちょっとこちらの方法で任意の位置に広告を表示可能にはできないかを思考中ですが、取り急ぎ1つだけ挿入する方法になります。

具体的な挿入場所とコードです。

多くのテーマファイルでは、
Category.phpやarchives.phpなどのテーマファイルに以下のようなコードがあるかと思われます。

<?php while (have_posts()) : the_post(); ?>

<!-- ここにタイトルなど表示させるコード -->

<?php endwhile; ?>

 

しかし、AFFINGER4(STINGER6以降系)においてはitiran-thumbnail-on.php内に上記コードがあります。

私の場合は、
すでに上記記事で紹介されているようにloopを使っているのでそれにプラスアルファで一個表示させるようにしています。

また、
インフィード広告においては、広告ない自体に「広告」などと表示されるのでスポンサーリンクや広告という表記は必須ではありません。(いまのところ)

 

上記のコードを以下のように追記することで、任意の位置に1つだけインフィード広告をきれいに挿入して表示することができるようになります。

 

<?php
$ads_infeed = '1';//上から何番目に広告を設置するか
$ads_infeed_count = '1';
?>

<?php while (have_posts()) : the_post(); ?>

<?php
if($ads_infeed_count == $ads_infeed){
?>

<!-- ここにインフィード広告のコードを入れる -->

<?php
}
$ads_infeed_count++;
?>

<!-- ここにタイトルなど表示させるコード -->

<?php endwhile; ?>

 

 

スポンサーリンク

具体的には以下のようになります。

<?php
$ads_infeed = '1';//上から何番目に広告を設置するか
$ads_infeed_count = '1';
?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post();$loop_count++; ?>

<dl class="clearfix">
<dt><a href="<?php the_permalink(); ?>">
<?php if ( has_post_thumbnail() ): // サムネイルを持っているときの処理 ?>
<?php the_post_thumbnail( 'thumbnail' ); ?>
<?php else: // サムネイルを持っていないときの処理 ?>
<?php if(trim($GLOBALS['stdata97']) !== ''){ ?>
<img src="<?php echo esc_url( ($GLOBALS['stdata97']) ); ?>" alt="no image" title="no image" width="100" height="100" />
<?php }else{ ?>
<img src="<?php echo get_template_directory_uri(); ?>/images/no-img.png" alt="no image" title="no image" width="100" height="100" />
<?php } ?>
<?php endif; ?>
</a></dt>
<dd>
<?php get_template_part( 'st-single-category' ); //カテゴリー ?>
<h3><a href="<?php the_permalink(); ?>">
<?php the_title(); ?>
</a></h3>

<div class="blog_info <?php st_hidden_class(); ?>">
<p><i class="fa fa-clock-o"></i>
<?php the_time( 'Y/m/d' ); ?>
&nbsp;<span class="pcone">
<i class="fa fa-folder-open-o" aria-hidden="true"></i>-<?php the_category( ', ' ) ?><br/>
<?php the_tags( '<i class="fa fa-tags"></i>&nbsp;', ', ' ); ?>
</span></p>
</div>
<div class="smanone2">
<?php the_excerpt(); //抜粋文 ?>
</div>
</dd>
</dl>

<?php if ( $loop_count == 3 || $loop_count == 7 || $loop_count == 13 ) : ?>

<!--通常のアドセンスコード挿入場所-->

<?php endif; ?>

<?php
if($ads_infeed_count == $ads_infeed){
?>

<!--インフィード広告コードを挿入場所-->

<?php
}
$ads_infeed_count++;
?>

<?php endwhile;
else: ?>
<p>記事がありません</p>
<?php endif; ?>

 

以上、loopを使用しないでインフィード広告をきれいに挿入する方法でした。

今後、
こちらの方法にて任意の場所に挿入可能な方法を模索して解決した際には再度記事にするか以下の追記するようにしたいと思います。

-AdSense, AFFINGER4Pro, STINGER PLUS+, Stinger6, Stinger7, WordPress, カスタマイズ, 伝えたいこと, 備忘録

おすすめ記事一部広告

スポンサーリンク


  • この記事を書いた人
  • 最新記事

izu

プロフィールページ詳細

はじめまして、izuと申します。医療ミスにより長胸神経麻痺になってしまい若干の障害がありブログをさせていただいています。旦那との共同運営になりつつありますがよろしくお願いいたします。

Follow Me !

よろしかったらシェアよろしくお願いします。

おすすめ!!

加圧シェイプで24時間無意識運動状態が可能!! 引き締め効果で魅力的なシルエットをサポート!! 運動している時だけでなく、仕事やプライベート就寝中にも!! 通気性がよく、体の動かしやすい伸縮性のある素材です!! 常に体が引き締まって、着心地いい!! 毎日着たい方用にセットも充実!!

女性必見のバストアップにおすすめ!!

マンガでの商品説明を販売ページに採用しています。 商品のメリットや良さが伝わりやすいです。 ★知名度と信頼度!ニュースアプリや芸能人ブログでも話題! (インスタグラム SmartNews yahoo アメーバ crooz 楽天) ●知名度が高く購入率の高い商品です。 ●ニュースサイトの紹介でも話題となり、有名タレント、モデル等にも使用して頂きブログなどでも紹介されている信頼度の高い商品です。 ●まとめ買いが多いのが特徴です。



この記事が良かったら
いいね!お願いします(#^.^#)

WordPressデビュー津々浦々の
最新情報をお届けします

言えないことはTwitterで!!




Copyright© WordPressデビュー津々浦々 , 2017 AllRights Reserved Powered by AFFINGER4.