最新記事を久々に書きました
最新記事を久々に書きました
副業アフィリエイトで給料以上稼げるようになった4つのコツを暴露します(2017年最新版)
副業アフィリエイターがアフィリエイトでサラリーマン収入以上を稼ぐ秘密を、全て暴露します。 副業アフィリエイトで...

4.2 サイドバー(サイドメニュー)の編集方法と広告・新着記事の設置方法 | Simplicity2の場合

本記事では最後に残っているサイドバーの設定を行ないます.サイドバーとは上画像の囲み部分にあたり,画面右側のメニュー部分となります.ここに新規記事や人気記事,そして広告を設置する方法を紹介し,本サイトのサイドバーがどのようにできているのか説明します.

サイドバーに広告を設置する方法

本サイトの一番右上から2つ目にはGoogle Adsenseの広告が設置されています.

最初にこの広告をどのように設置するのか説明します.

①Simplicity2のサイドバーの幅は300pxとなっています.そこでAdsenseの300px幅の広告である「レクタングル」(300×250)のサイズのディスプレイ広告を用意します.

②WordPress管理画面から「外観→ウィジェット」を選択します.

161106_1

③画面左部の「[s]パソコン用広告ウィジェット」をクリックします.

161020_side1

④するとサイトのどの部分に設置したいかが選択できるので「サイドバーウィジェット」を選択し,下にある「ウィジェットを追加」をクリックします.

161020_side2

⑤画面右側のサイドバーウィジェットの中に「[s]パソコン用広告ウィジェット」ができるのでそれをドラッグして一番上に持っていき,クリックして編集枠を表示させます.「広告タグ」とかかれている部分にAdsenseの画面から広告のHTMLコードをコピーしてきて貼り付けます.最後に下部の「保存」をクリックすれば終了です.

161020_side3

ウィジェットの編集が反映されない,保存が終わらない場合

初心者が陥りやすい罠ポイントです.ウィジェットの編集で広告を貼り付けたのに,編集が反映されない場合や,「保存」をクリックしたときにずっと保存作業中になる場合があります.

このような事態はサーバーのWAF(ウェブ・アプリケーション・ファイヤーウォール)が原因の場合が多いです.

対処方法としてはロリポップの場合はロリポップにログインし「Webツール→WAF」を開いて設定を無効にします.

wwwがついてるドメインとついていないドメインの両方があれば両方とも無効にしてください.

5分から10分ほど設定反映に時間がかかるので,15分後くらいに再度ウィジェットの編集にトライします.

セキュリティの関係から,ウィジェットの編集が終わったら,WAFは再度有効にしておきましょう.

以上により,サイドバーの一番上にAdsense広告を貼り付けることができたと思います.ちなみに,Adsense広告は作成してすぐには広告が送られてこないため最初は白い空白状態になっていると思います.

半日くらいすればそこに広告が表示されるようになります.

今回はAdsenseの広告を貼り付けましたが,ASPのバナー広告なども同じやり方で貼り付けることができます.

サイドバーに新着記事を表示させる方法

次にサイドバーに新着記事を表示させる方法を紹介します

①さきほどと同様に管理画面から「外観→ウィジェット」を選択します.

161106_1

②画面左部の下の方に「[S]新着記事」というボタンがあるのでそれをクリックし,サイトのどの部分に設置したいかが選択できるので「サイドバーウィジェット」を選択し,下にある「ウィジェットを追加」をクリックします.

161106_2

③画面右側のサイドバーウィジェットの中に「[S]新着記事」ができるのでそれをドラッグして入れたい場所に持っていき,クリックして編集枠を表示させます.記事の紹介のタイプや大きさ,数などが設定できるので好みで選択します.最後に「保存」をクリックすれば完了です.以上により新着記事を導入することができました.

161106_3

広告記事を入れたら,きちんと宣言をします

Google AdsenseやAmazonアソシエイトの広告を入れ始めたら,そのことをサイトに宣言する必要があります.

各サービスでなんと書けばよいのかをチェックして欲しいですが,本サイトの場合は以下の説明をサイトトップの最下部に記載しております.

本サイトはアクセス解析ツールに「Googleアナリティクス」を利用しています.本サイトはGoogle AdSenseに参加しています.本サイトはamazon.co.jpを宣言しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエト宣言プログラムである,Amazonアソシエイト・プログラムの参加者です.

以上でサイドバーに広告と新着記事を表示させることができたと思います.

次回はサイドバーに人気記事と検索窓を設置する方法を紹介します.

4.3 サイドバーに人気記事と検索窓を設置する方法 | Simplicity2の場合
本記事ではSimplicity2において,サイドバーに人気記事メニューと検索窓を設置する方法を紹介します.人気記事を表示させるにはプ...

スポンサーリンク