FC2ブログのスマートフォンページに広告を設置する方法

今回はFC2ブログのスマートフォンページに広告を設置する方法を紹介します。Googleアドセンスや忍者admax、nendのインライン広告、その他普通の広告の設置も同じ要領なので設置してみて下さい。

また、PCページへのアドセンスの貼り付けは別記事で解説してあります。
FC2ブログにGoogleアドセンス広告を設置する方法

幾つか注意点があるのでその都度解説します。

広告の設置場所を把握する

まずFC2のスマートフォン用のページをみると大体どのテンプレートもこんな感じになっていると思うのでよく確認しておきましょう。最初から幾つかの広告が設置されていますが、これは消すと規約違反になってしまいます。

消す事ができるのはオーバーレイ広告(スクロールしても画面の下にずっと居座る広告)だけ。オーバーレイ広告の削除は後で解説します。

fc2-smart-ad-1

広告を挿入する場所の候補

  • 「ブログタイトル下にある広告」の上
  • 個別記事の「記事タイトルの下」
  • 個別記事の記事下
  • 注目記事や日記ランキングの項目の下

一応候補としてはこんな感じです。ここで幾つか注意点があります。「ブログタイトル下」や「記事タイトル下」に広告を貼る場合には高さの低い広告を選択する事。高さのある広告を設置するとスクロールしないと記事までたどり着きません。

コンテンツを押し下げる広告の配置は検索順位的にも良くない影響を与える可能性がありますし、Googleアドセンスでは警告を受ける場合もあります。

それからGoogleアドセンスの場合はもう1つ重要な約束があって、ユニット広告は3つまで貼れますが、スマートフォンでは、1つの表示可能なページ(1ビュー)に表示できるAdSense の広告ユニットは1つのみ

つまりスクロールしない状態の画面(1ビュー)で2つの広告が見えるとアウト。そのため、アドセンスをスマートフォンに設置する場合は1つ1つの広告を離れた場所に設置する事が重要です。

という訳なので以上の点に注意して事前に設置場所を自分で決めておきましょう。

先にオーバーレイ広告を削除しておく

FC2のスマートフォンページではオーバーレイ広告だけは削除しても良いことになっているので広告を設置する前にこのオーバーレイ広告を削除します。既に削除している場合はここは飛ばしてOK。

FC2の管理画面のサイドメニューから「設定」⇒「テンプレートの設定」をクリック。

fc2-ad-6

「スマートフォン用」の「テンプレート管理」をクリック。

fc2-smart-ad-3

すると現在使用しているスマートフォン用のテンプレートのHTMLが編集できる画面になります。

fc2-smart-ad-4

そしたらこのHTMLの中から<%ad_overlay>という部分を探します。「Ctrl」+「F」を押すと検索窓が出てくるので<%ad_overlay>を検索すると一発。

fc2-smart-ad-5

これがオーバーレイ広告を表示させる部分なので<%ad_overlay>を削除。以上でオーバーレイ広告は削除完了。

ブログタイトルの下に広告を設置する

上から順番にいきましょう。まずはブログのタイトル下。既にここには広告が設置されていますが、この初期広告の上に広告を設置する方法です。

前述したようにこの部分に広告を設置するなら高さの低い広告を選択する方が無難。320×50くらいかな。

FC2ブログの管理画面⇒「設定」「テンプレート設定」⇒「スマートフォン用テンプレート管理」と進み、スマートフォン用のHTMLから<%ad>という部分を探します。「Ctrl」+「F」で検索すると早いです。この<%ad>というのが初期状態でブログタイトル下に設置されている広告です。

そのため、この<%ad>の部分の直前に広告を設置すると初期広告の上に表示できますし、<%ad>の直後に広告を設置すると初期広告の下に広告を設置する事ができます。今回は初期広告の上に設置してみる事にしましょう。

探したコード<%ad>の直後に広告コードを入れます。

<div class="smart-ad">
<p>スポンサーリンク</p>
ここに広告のコードを入れる
</div>

一応アドセンス用にラベル「スポンサーリンク」入れていますが、アドセンス以外の広告であれば「p」タグの部分は削除してもOK。

<div class="smart-ad">
ここに広告のコードを入れる
</div>

アドセンス以外はこれでOK。一応後からCSSで位置調整ができるように広告スペースにクラス名「smart-ad」を付けています。位置調整は後ほど。こんな感じになればOKです。

fc2-smart-ad-6

個別記事のタイトル下に広告を設置する

次は個別記事のタイトル下、つまり記事本文の一番上に広告を設置する方法。ここも高さのある広告はおすすめしません。貼り付けは自分でよく考えて判断して下さい。要領は一緒でスマートフォンのHTMLから個別記事を出力する部分を探してその直前に広告を設置します。

「設定」⇒「テンプレートの設定」⇒「スマートフォン用テンプレート管理」でスマートフォン用のHTMLから次の部分を探す。「Ctrl」+「F」で検索すると早いです。

<div class="entry_body">

この部分が個別記事の本文を表示させる部分になるのでこのコードの直前に広告を設置しておきましょう。

アドセンスならスポンサーリンクというラベルを付けておきます。

<div class="smart-ad">
<p>スポンサードリンク</p>
ここに広告のコードを入れる
</div>

アドセンス以外ならスポンサードリンクは外してこれで大丈夫です。

<div class="smart-ad">
ここに広告のコードを入れる
</div>

こんな感じになるはず。一応ここも広告スペースに「smart-ad」と名前を付けておき後でCSSで位置調整をします。

fc2-smart-ad-7

記事下に広告を設置する

記事下はクリックされやすい場所ですし、320×250のようなちょっと大きめの広告がおすすめ。

これまで説明してきた部分と同じように「設定」⇒「テンプレート設定」⇒「スマートフォン用テンプレート管理」でスマートフォンのHTMLの画面。スマートフォン用のHTMLから次の部分を探します。これも「Ctrl」+「F」で検索。

<!--/more-->

この部分が「/more」つまり追記を表示するスペースの終わり部分です。この部分の直後に広告を設置する事で追記部分を表示した後(記事の終わり)に広告を設置できます。アドセンスならこれ。

<div class="smart-ad">
<p>スポンサーリンク</p>
ここに広告のコードを入れる
</div>

アドセンス以外ならスポンサーリンクを外してこれでOK。

<div class="smart-ad">
ここに広告のコードを入れる
</div>

こんな感じになったはずです。

fc2-smart-ad-8

フッターに広告を設置する

最後にページの一番下の方に広告を設置する場合の説明。現状ではスマートフォンページでは記事の下に「注目記事」とか「日記ランキング」のようなコンテンツがあるのでその下に広告を設置します。

「スマートフォン用のテンプレート管理」⇒HTMLの編集画面で次の記述を探します。「Ctrl」+「F」で検索。

<div id="footer_menu">

この記述がフッター(ページの一番下の情報)を書く部分なので探したコードの直前に広告を設置します。アドセンスならこれ。

<div class="smart-ad">
<p>スポンサーリンク</p>
ここに広告のコードを入れる
</div>

アドセンス以外ならスポンサードリンクを外してこれでOK。

<div class="smart-ad">
ここに広告のコードを入れる
</div>

こんな感じになります。

fc2-smart-ad-9

スマートフォンページの一番下の検索窓の下に広告が表示されるはずです。

最後に位置調整をする

さて、設置した全ての広告スペースにクラス名「smart-ad」という名前を付けたのでスタイルシート(CSS)で全部一括で細かい位置調整をします。広告1つ1つ個別に位置調整をする場合はそれぞれのクラス名を変更してCSSで調整もできます。

スマートフォン用のテンプレート管理でHTMLの画面になっていると思いますが、そのHTMLの下にスタイルシート編集という画面があります。

fc2-smart-ad-10

このスタイルシートを編集していきます。ここにCSSがズラリ並んでいますが、一番下までスクロールして次の記述を追加。

.smart-ad {
text-align : center;
margin-top : 10px;
margin-bottom : 10px;}
  • 広告をスペースを中央寄せ(center)
  • 広告スペースの上に余白10px(margin-top)
  • 広告スペースの下に余白10px(margin-bottom)

という感じになるので、余白は自分で数値を変更しておきましょう。

以上で設置は完了ですが、最初にも書いたようにアドセンス広告の設置は慎重に決める事が大事です。。

さらに収入を上げたい場合の広告設置方法

最初の方でFC2のオーバーレイ広告(スクロールしても画面の下にずっと表示される広告)を削除したので、収入アップのために自分で新たにオーバーレイ広告を貼り付ける事ができます。

このオーバーレイ広告というのはスマートフォンページでは非常にクリック率の高い広告なので設置すると結構クリックされます。訪問者的にはウザいと思われる場合も多いですが、収入を増やしたい場合には検討する事をおすすめします。

もちろん無料だし、オーバーレイを使わないのはちょっともったいない。

おすすめとしては「nend」と「忍者admax」というサービスでオーバーレイ広告がありますが、クリック率の高いのが「nend」。アドセンスと同じようにクリックされる事で報酬が発生しますし、「nend」の広告はスマートフォン専用広告なのでPC版に出現する事はありません。

もちろん無料で利用できるので一度確認してみる事をおすすめします。
nend

このnendの広告の設置方法については別記事でも解説するので興味があれば無料登録から始めてみて下さい。

WordPressの始め方
サイトのアクセスアップや稼ぐためにおすすめの無料レポート

個人的にアクセスアップや検索上位表示に役立った無料レポートです。登録にメールアドレスが必要ですが、フリーメールでもOKです。

ブログの更新はこちらから

FC2ブログのスマートフォンページに広告を設置する方法”に9件のコメントがあります。

コメントの反映には時間がかかる場合があります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

  1. しげぞう 投稿作成者

    やまのぶ様

    コメントありがとうございます。スマホの分であればスマホでブログを表示させて、リロード(再読込み)をしてみて下さい。もしそれでも反映されない場合には記述ミスがあるかもしれませんのでお手数ですが、一度元に戻して保存、それから再度コードを追加して確認をしてみて下さい。

  2. やまのぶ

    スマホのhtml で追加いたしましたが、反映されないです。
    反映に時間がかかるのでしょうか?

  3. しげぞう 投稿作成者

    ちゃあママ様

    コメントありがとうございます。利用しているデザインによって違う部分はあるかもしれませんね。なので一度HTMLの適当な場所に「テスト」とテキストを入力して表示される場所を確認してみるといいかもしれません。私も分からない時はそのようにしてます。ただ、HTMLの編集の場合には事前に元に戻せるようにバックアップをしておく事をおすすめします。

    変更する予定のHTMLなどを一度メモ帳などにコピペしておくと良いと思います。

  4. ちゃあママ

    はじめまして、教えてください。

    FC2ブログの記事下にアドセンス広告を貼り付けたく、HTMLの編集をしているのですが
    〈!–/more–〉という箇所がありません。

    何かに変わっているということはありますか?
    PCの方は説明通りで出来ました。ありがとうございました。

  5. しげぞう 投稿作成者

    >N様

    コメントありがとうございます。テンプレート変更で反映されたようでよかったです!アドセンスは貼り付け位置でもクリック率は大きく変わるのですが、一般的には記事の途中や記事下が一番クリックされる可能性が高いです。後はとにかくPVが伸びないと収益はほとんど期待できません。

    PVを伸ばす方法はたくさんありますが、一番基本になるのが、キーワード選定になります。例えばこのブログで言えば「アフィリエイト 稼ぐ」とか「アフィリエイト ブログ」とか「Seesaaブログ カスタマイズ」など色々なアフィリエイト関連のキーワードを意識した記事を書いてます。このような記事が増えれば増える程、検索にヒットする可能性は高くなってきますので、とりあえずキーワードを選定して記事を増やす事を意識すると良いと思います。

  6. N

    しげぞう様
    先程、FC2スマホ用のテンプレートを試しに変更してみたら、
    アドセンス広告表示出来ました。
    以前のテンプレでは何度やってもダメだったので、
    テンプレートが原因だったようです。
    よってこの問題は解決しました。
    ちなみに未だ一度もクリックされません><
    PV数もかなり少なく、アクセス数アップ、クリック数を稼ぐのに
    苦戦しております。。
    何かアドバイスがあればお願い致しますm(__)m
    ブログランキングには参加しております。

  7. N

    しげぞう様
    お忙しい中、返信いただき有難うございますm(__)m
    FC2のスマホ用テンプレートはst-weekです。
    ちなみにPC用はlightframe_whiteを使用。
    PC用は何とか自力でアドセンス広告を記事下に貼る事が出来ましたが、
    スマホ用はどうしても出来ません;;
    お手数ですが解決策を教えて頂けると助かります。
    もし他のテンプレートの方であれば問題なく解決するのであれば、
    そちらのテンプレートを教えて頂ければテンプレを変更しようかと思います。

  8. しげぞう 投稿作成者

    >N様

    コメントありがとうございます。FC2の場合はテンプレートによって違う部分もあるかと思います。もし良かったらお使いのテンプレートを教えて頂けると助かります。できるだけやってみます。どうぞよろしくお願い致します。

  9. N

    参考にさせて頂いております。
    FC2ブログスマホ用の記事下にアドセンス広告を載せたいのですが、
    何度やっても表示されずほとほと困っております><
    何か考えられる原因はありますでしょうか?

    ちなみにFC2PC用の記事下に広告載せる際も、こちらで紹介された方法では
    何度やってもできませんでした><
    (これについては別の方法で何とか掲載する事は出来ました。)
    以上の点も踏まえてなにか解決策有りましたら教えてください。。