そうなんです、私はphpって全くわかってません。Google AdSenseの広告を表示させるのも、一苦労でした。というよりは、結局functions.phpを使わず、プラグイン「AdSense Maneger」を使いました。
それなので、rakutenアフィリエイトの広告を、functions.phpを使ってチャレンジしてみます。
rakutenアフィリエイトの広告を、一発で記事内に表示させてみる
rakutenアフィリエイトのコードを取得
rakutenアフィリエイトは、楽天の会員であればすぐに始めらるそうです。
ガッツリ会員の私は大丈夫！楽天モーションウィジットを記事の中に入れてみることにしました。
サービスを選択する
楽天市場・楽天トラベルと２種類が選べます。
リンクタイプを選択する
ページマッチ・ランキングと２種類ありました。なんとなくページマッチを選択。
表示タイプを選択する
画像とテキスト・テキストのみと、こちらも２種類。画像とテキストを選択。
サイズもこんなにありました。
スマホでも表示されるので、少し小さいけど300×160を選択しました。
カスタマイズする
ユーザーに合わせた商品を表示・自動で商品を動かす・枠線を表示すると３種類あります。
チェックを入れるとすぐに反映され、広告のイメージがプレビューされます。とっても便利！
プレビュー内容のソースが下段の枠内にすぐに表示されます。コピーをポチっとして、全部コピーします。
functions.phpにコードを追加
外観>テーマの編集 へ入り、functions.phpを選択します。
とっても怖いので、functions.phpは全部丸ごとコピーして、テキストエディットにペーストして保管しておきます。万が一真っ白になっても、全コピーした状態に戻せば大丈夫なのはわかってます！！
下記のコードをfunctions.phpの適当な箇所にペースト。
実は’showads’はそのままで、<script>○○○</script>内にソースをペーストしたら…、見事にブログがめちゃくちゃなレイアウトになってしまいました。
試しに’showads’を’showads_02’、’showads_03’にしてみると、レイアウトは崩れないまま保存されました。そうなんだ！
//「楽天」広告
function showads_02() {
return '
<div class="ad_center">
<p>スポンサーリンク</p>
<script>コピーしたソース</script>
</div>';
}
add_shortcode('rakuten', 'showads_02');
//「楽天トラベル」広告
function showads_03() {
return '
<div class="ad_center">
<p>スポンサーリンク</p>
<script>コピーしたソース</script>
</div>';
}
add_shortcode('rakuten_travel', 'showads_03');
※< script >・< /script >は重複しないように！
このショートコードをプラグイン「AddQuicktag」に追加すれば、大丈夫なはず！
プラグイン「AddQuicktag」にショートコードを追加する
プラグインを開き、ショートコードを入れました。
投稿画面に見事反映されました！
↓↓↓ここに表示させてみます。楽天をポチ！
PCだとちょっと小さいかな。でも無事表示されました。
