書きたい記事を書きたいように書くFreeブログ

かきてぃーのプロフィールはこちらをクリック!

【amazon広告】自動的に変えて表示させる方法!記事毎に変更も可能!

 
  2018/06/24
 
スポンサーリンク
スポンサーリンク
この記事を書いている人 - WRITER -
かきてぃー
21歳に社会へ出て荒波に揉まれ逃げること数回。 2013年にネットビジネスに出会い色んなことに挑戦。無料ブログ系・物販アフィリエイト・ブログアフィリエイト。が、2度挫折し3度目再始動中。 現在の管理サイトはメイン4つのサブ20で合計24サイト運営しています。 主な稼ぎはWEBコンサルやHP制作、FXで月数十万の稼ぎです。 IT業界で学んだスキルを活かしたツールの紹介やテーマ・プラグインのカスタマイズ、実体験を元にした体験記事をメインに書いています。
詳しいプロフィールはこちら

こんばんは!かきてぃーです。

本日の記事は…

amazon広告を自動的に変更して表示する方法

をご紹介していきます!

毎回、amazon広告を取得して貼り付けるのはめんどう!けど広告の内容は最新の物を表示したい!っていう方にはオススメです。

で、やりたいことは

  1. SNSとコメントの間に自動的に変更するamazon広告を挿入。
  2. 記事毎に変更できるamazon広告を挿入。

この2つです。

では早速やっていきましょう。

使うのはオシャレなデザインの「Amaprop」

img000758

Amapropってご存知ですか?

  • バックグラウンドに設定できるamazon広告
  • オシャレな囲いを付けてamazon広告を表示したり
  • 沢山のジャンルをまとめて表示したり
  • 動きがあるamazon広告を表示したり

amazon広告を使うユーザーにとっては最高のツールです。

http://amaprop.net/

ここでまずは自分のサイトに表示するレイアウトを作りましょう!

Amazon ランキングショーケース

を使います。

img000759

「1.トラッキングID」には自分のamazonトラッキングIDを入れて下さい。

アソシエイトにログインすれば左側に表示されています。

img000760

次に「2.カテゴリー・キーワード決定」に表示する広告の種類や個数を選んでいきます。

複数の場合は5つまで選択が可能です。

それ以降のデザインは自分のサイトに合わせて作ってみて下さい!

このブログの完成系はこんな感じ。

img000761

なかなかいいんじゃないでしょうか!

これを常に表示するように設定していきましょう!

「simplicity」のテーマならウィジットに追加するだけ

simplicity_2

「simplicity」のテーマに先ほどのamazon広告を設定するのはとっても簡単です。

ウィジットの投稿関連記事下に追加するだけ。

img000762

このブログでは自動的に変化する広告を2種類用意しました!

1つ目は本とかコミックメインで、2つ目はゲームメイン。

スマホ版は表示してほしくないので「パソコン用のテキストウィジット」に追加しています。

記事毎にamazon広告を変えるにはカスタムフィールドを使う

coustmais

wordpress既存の機能である「カスタムフィールド」を使ってamazon広告を記事毎に変えていきます!

といっても、自分で「Amaprop」で作り記事毎にカスタムフィールドに追加しないといけないんですけどね♪

カスタムフィールドとは?

自分好みのフォームが作成できるワードプレスの機能です。

ワードプレスの記事作成ページではタイトル・本文がメインとなっておりますが、そこに自分好みのフォームが作成できます。

  1. タイトル
  2. 本文
  3. カスタムフィールド

みたいな構成にできるんです!(なんて便利な機能や!)

ここのカスタムフィールドは別にamazon広告じゃなくても「評価」とか「☆」とかでもいいんです。

星3つです!

hoshi3tu

とかでもOKなんです。

カスタムフィールドの使い方

カスタムフィールドの表示方法

なんと最初は表示されていません!

隠されているのですっ

表示は簡単で、記事を新規に書くページの「表示オプション」で変更できます。

img000763

上の「表示オプション」をクリックすると隠されていたタブが表示されます。

「カスタムフィールド」のチェックボックスにチェックを入れれば表示されるようになります。

img000764

チェックを入れると以下のように表示されます。

img000765

これが表示出来ていれば準備完了です。

ソースを修正してカスタムフィールドを表示させる

ここからちょっとレベルが上がります。

出来るだけ丁寧に説明するので頑張ってついてきてください!

修正するソースは「single.php」になります。

「simplicity」はとっても楽で、

[php]<?php //関連記事下ウイジェット
if ( is_active_sidebar( ‘widget-under-related-entries’ ) ): ?>
<div id=”widget-under-related-entries”>
<?php dynamic_sidebar( ‘widget-under-related-entries’ ); ?>
</div>
<?php endif; ?>[/php]

を探して下さい。

これは関連記事下の広告箇所です。

先ほど、自動的に変化するamazon広告を追加した箇所ですね。

今回はその上に記事毎のamazon広告を設定したいと思います。

//関連記事下ウイジェット

の上に以下のロジックを追加して下さい。

[php]<?php
$custom_fields = get_post_meta( $post->ID , ‘amazonarea’ , true );
if(empty( $custom_fields ) === false){ ?>
<div class=”asplabel” style=”display:left”>AMAZON-AREA</div>
<?php if (is_mobile()): ?>
<center>
<!– カスタムフィールドが存在しなかった場合のアマゾン広告ソース貼り付け  –>
</center>
<?php else: ?>
<div class=”textwidget”>
<?php echo get_post_meta($post->ID , ‘amazonarea’ ,true); ?>
</div>
<?php endif; ?>
<?php } ?>[/php]

1,2行目はカスタムフィールドが設定されている場合のみ実行というロジック。

で、モバイルとPCの分岐です。

スマホには小さめの広告を設定すると良いですよ!

10行目の

[php]<?php echo get_post_meta($post->ID , ‘amazonarea’ ,true); ?>[/php]

でカスタムフィールドを追加するロジックです。

img000766

こんな感じになっていればOKです。

後は、子テーマの下にセットして実行あるのみ!

「simplicity」テーマ以外の人は…

「simplicity」以外のテーマを使用している人は表示させたいロジックの上下どちらかに、

[php]<?php
$custom_fields = get_post_meta( $post->ID , ‘amazonarea’ , true );
if(empty( $custom_fields ) === false){ ?>
<div class=”asplabel” style=”display:left”>AMAZON-AREA</div>
<?php if (is_mobile()): ?>
<center>
<!– スマホ用のamazon広告を設定 –>
<?php else: ?>
<div class=”textwidget”>
<?php echo get_post_meta($post->ID , ‘amazonarea’ ,true); ?>
</div>
<?php endif; ?>
<?php } ?>[/php]

を追加すれば同じように表示できるようになります。

だいたい

[php]is_post_navi_type_default()[/php]

などの前の記事・次の記事の上とかに表示出来てればいいんじゃないでしょうか?

実際にカスタムフィールドに追加して表示してみる

では実際に表示させてみよう!

img000767

カスタムフィールドに先ほど追加した10行目と同じ名前のフィールド名を追加します。

今回の場合は「amazonarea」ですね。

あとは更新するだけで、記事に広告が追加されました!

img000768

タグと被ってるけど、cssを編集してデザインをカッコよく整えればOKです!

ちなみにスマホはこんな感じです。

img000769

スポンサーリンク

まとめ(完成系)

before

img000757

after

img000770

文字フォントやmarginを設定して終了です。

いかがでしたでしょうか?

amazon広告をよく使う方は非常によく使えるので導入してみてはいかがでしょうか!

かきてぃー
それでは!また次回お会いしましょう!
この記事を書いている人 - WRITER -
かきてぃー
21歳に社会へ出て荒波に揉まれ逃げること数回。 2013年にネットビジネスに出会い色んなことに挑戦。無料ブログ系・物販アフィリエイト・ブログアフィリエイト。が、2度挫折し3度目再始動中。 現在の管理サイトはメイン4つのサブ20で合計24サイト運営しています。 主な稼ぎはWEBコンサルやHP制作、FXで月数十万の稼ぎです。 IT業界で学んだスキルを活かしたツールの紹介やテーマ・プラグインのカスタマイズ、実体験を元にした体験記事をメインに書いています。
詳しいプロフィールはこちら
スポンサーリンク











コメントはこちらです

Copyright© 書きタレ , 2013 ~ 2016 All Rights Reserved.