バナー広告

 

今回はFC2ブログのスマホ用と携帯用のテンプレートにアフィリエイト広告を貼る方法をお伝えします。

PC用のサイドバーやフッターに広告を貼ってもスマホ版と携帯版には反映されません。

最近はジャンルにもよりますが、ちょっとした調べものをする場合は圧倒的にスマホのアクセスの方が多いです。また、テンプレートもデフォルトのものでなく、スマホに特化したものに変更することによりグーグルからの評価もあがり、検索順位も上昇傾向にあります。

また、携帯の方が使いやすいという理由でスマホに切り替えていない人も多いです。ですのでスマホ用だけでなく携帯用もテンプレートを変えて広告を貼っておきましょう。

【流れ】

  1. テンプレートを変更する
  2. プラグインで広告を貼る

それでは早速、テンプレートをスマホ用、携帯用にそれぞれ変更しましょう。

 

FC2ブログのテンプレート変更方法

スマホ用テンプレートの変更方法

まずはスマホ用のテンプレート変更方法です。

FC2テンプレート変更

管理画面の左メニューより「テンプレートの設定」をクリック。

 

FC2スマホ公式テンプレート

「スマートフォン用」の「公式テンプレート追加」をクリック。

 

スマホ用テンプレート検索

使用したいテンプレートを様々な条件で絞り込むことができます。

新着登録準・・・新着順、更新順、名前順などで並べ替えができます

レイアウト・・・カラム数を絞り込むことができます

仕様技術・・・見た目重視や文字大き目など仕様技術により絞り込むことができます

ターゲット・・・男性向き、女性向き、初心者向きなどターゲットにより絞り込みができます

イメージ・・・かわいい、シンプル、明るめなどデザインのイメージを絞り込めます

ベースカラー・・・ブログのイメージカラーの組み合わせを絞り込めます

作者・・・テンプレートの作者名を入れて絞り込めます

テンプレート名・・・テンプレートの名前を入れて検索できます

テンプレートの説明・・・テンプレートの説明文から検索できます

入力が終わったら「検索」をクリック。

 

テンプレート一覧fc2

するとこのように検索したテンプレート一覧が表示されます。

プレビューでテンプレートのイメージを見ることができます。

 

「詳細」をクリックすると、

FC2スマホ用テンプレート詳細

このようにテンプレートの説明や使っている人のコメントを見ることができます。

良さそうなら「追加」をクリックします。

 

FC2スマホ用テンプレート追加済み

  1. 「追加済み」と表示されていたら成功です。
  2. 「テンプレート管理」をクリック。

 

FC2ブログスマホテンプレート選択

テンプレートを複数追加した場合はこのように一覧で表示されるので、使用したいテンプレートの左にチェックを入れて「適用」をクリック。

これでスマホ用のテンプレートに変更されました。

早速スマホで実際にページを確認してみましょう・・・、と言いたいところですが、PCで作業しているのに毎回スマホでチェックするのは面倒ですね。

そこでパソコンからスマホ用のページを見ることができる方法をお伝えします。

FC2ブログでパソコンからスマホ用のページを確認する方法

パソコンからスマホ用のページを見るにはURLの最後に「?sp」とつけるだけです。

例:http://123456.blog.fc2.com/?sp

【マメ知識】

パソコンからFC2ブログのスマホページを見るには、URLの/の後に?spをつけてアクセス!

これでパソコンでアクセスしてもスマホページが表示されます。

 

パソコンからスマホ画面を見る

このようにパソコンからスマホ用ページを閲覧できます。

次は携帯用のテンプレートを変更していきます。作業は最初の一回だけなので、この機会にまとめてやってしまいましょう。

FC2ブログ携帯用テンプレートの変更方法

携帯用のテンプレート変更もスマホ版と基本は同じです。

FC2モバイルテンプレート追加

ケータイ用の「公式テンプレート追加」をクリック。

 

FC2モバイルテンプレート選択

条件を選んで「検索」をクリック。

 

テンプレート詳細FC2モバイル

使いたいテンプレートを選んで「詳細」をクリック。

 

 

ちなみに私はブログアフィリエイトで人生が激変しました。もし現状が不安な方はぜひ私の稼いでいる秘密をご覧ください。

後藤の稼いでいる金額や裏ワザ的なノウハウもお伝えしております。

後藤の稼いでいる方法と秘密を見る

 

 

テンプレート追加クリックFC2

「追加」をクリック。

 

FC2ケータイ用テンプレート管理

「テンプレート管理」をクリック。

 

FC2モバイルテンプレート適用

使用したいテンプレートにチェックを入れて「適用」をクリック。

【携帯用テンプレート元に戻したい場合】

携帯用のテンプレートを元に戻したい場合は、

FC2モバイルテンプレート初期化

パソコンから携帯用テンプレートページを見る方法

スマホ版と同じように携帯用のページもパソコンから閲覧することができます。

携帯の場合はURLの最後に「?m」とつけるだけです。

例:http://123456.blog.fc2.com/?m

【マメ知識2】

パソコンからFC2ブログ携帯用ページを見るにはURLの/の後に?mをつけよう!

これでパソコンから携帯用ページが見れます。

FC2ブログのスマホ用ページに広告を掲載する方法

では、スマホ用、携帯用のそれぞれの専用ページが出来たところで、いよいよ広告を掲載していきます。

FC2ブログのスマートフォン版の広告を掲載できる場所

スマホ版で広告を設置できるのは主に下記5つです。

  1. ブログタイトルの下
  2. 記事本文の一番上
  3. 記事本文の最後
  4. フッター(人気ランキングなどの下)
  5. オーバーレイ広告

※記事内(本文)に広告を掲載する方法はPCの場合と同じですので過去記事を参考にしてください。

参考⇒FC2ブログの記事に広告を貼る方法

それでは一つ一つ見ていきましょう。

と、その前にスマホ用広告の適正サイズのご説明をします。

FC2ブログのスマホ用ページの広告適正サイズは?

スマホはスペースが狭いため、小さめの画像を用意しましょう。

ASPによってはスマホの適正サイズのバナーを用意している場合もあります。

【スマホ用広告の適正サイズ】

横幅・・・300~320px

高さ・・・制限はないが50~300px以内

横幅は300~320pxほどがスマホでピタリとおさまります。

高さは制限はありませんが、1ページの半分以上を広告が占めてしまうと見た目的にも美しくないので掲載後にブログを確認してバランスの良い素材を選びましょう。

1.ブログタイトルの下に広告を貼る方法

まずはブログを開いて一番目立つ場所のブログタイトルの下です。

トップページやカテゴリページ、個別記事ページなど全てのページのブログタイトルの下に入ります。

すでにFC2独自の広告が貼ってありますが、これは消す事ができないので、この上に貼りましょう。

FC2ブログタイトル広告

この初期広告の上に自分の広告を貼ります。かなり目立つ場所なので必ず貼っておきましょう。

 

テンプレート設定FC2クリック

管理画面左メニューの「テンプレートの設定」をクリック。

 

テンプレート管理スマホFC2

「テンプレート管理」をクリック。

 

【おすすめコンテンツ】中断バナー

 

 

スマホテンプレートHTML

するとこのようなHTML編集画面が表示されます。

さっそくビビってる人もいそうですね。でも安心してください。私もHTMLはほぼ素人です。

下記の手順通りにやれば必ずできますよ^^

このHTMLの中で初めから入っている広告を示す記号は<%ad>というものです。

つまり<%ad>の前にASPから取得した広告を貼れば、ブログタイトルの下に自分の広告が掲載されるようになります。

ただし、一つ一つ目でこの記号を探すのは困難なので、検索機能を使います。

ご自身のキーボードで「Ctrl」を押しながら「F」を押してみてください。

Ctrf+Fをクリック

「Ctrl」を押しながら「F」をクリック。

 

検索ボックス

すると画面右上に検索ボックスが表示されるのでそこに<%ad>を貼り付けて検索します。

 

<%ad>の検索

このようにHTML内で記号を探してくれます。

 

広告を挿入するため<%ad>の直前をクリックして5行ほどスペースを空けましょう。

広告用スペース確保FC2

ここに広告コードを貼り付けます。

今回はアクセストレードで見つけた、

ブロードワイマックス広告スマホ

この広告を掲載します。

 

スマホ用広告貼り付けFC2.

先ほど空けておいたスペースに広告コード(アフィリエイトリンク)を貼り付けて「更新」をクリック。

実際にスマホで確認してみます。

 

広告掲載スマホキャプチャ

このように初期広告の上に貼れていたら成功です。

ただ、このままだと広告が2つ並んでいて「いかにも感」が満載でクリック率が低くなります。そこでクリック率を上げるために貼った広告の上にテキスト文を入れてみましょう。

広告の上にテキストを加えてクリック率アップ!

これはなかなかやっている人がいないので差別化にもなり効果抜群です。

ワイマックステキスト広告FC2

先ほど貼った広告コードの上にテキストを入力。(あまり長いと2行になってしまうので10~20文字以内におさめましょう)

実際に見てみます。

 

バナー上部にテキスト挿入

このようにバナーの上にテキストが表示されました。これでブログタイトル下の広告掲載は完了です。

次は記事タイトルの下に広告を貼ります。

記事本文の一番上に広告を貼る方法

記事本文の一番上に広告を貼るのも先ほどと同じ手順です。

 

実は私が稼げるようになった理由は美しいデザインや画像、文章力などの小手先のスキルを諦めて「最短で稼ぐためのノウハウに集中して取り組んだから」です。

最短で稼ぐためのノウハウを見てみる

 

先ほどは<%ad>と検索しましたが、記事本文上の広告の場合は<div class=”entry_body”>と検索して、この直前に広告コードを設置します。

記事下広告掲載箇所FC2

「Ctrl」を押しながら「F」をクリックして<div class=”entry_body”>を検索。

 

記事タイトル広告スペース

<div class=”entry_body”>の前に広告を挿入するためのスペースを確保。

 

広告挿入して更新

テキストと広告コードを貼り付けて「更新」をクリック。

それでは記事を確認してみましょう。

 

記事上広告

このように記事の一番上に広告が貼られていたら成功です。

3.記事本文の最後に広告を貼る方法

次は記事本文の最後に広告を貼る方法です。

もう慣れてきましたね^^

今までと同じ要領で今回は、<!–/more–>と検索します。

 

記事下広告のスペースを空ける

今回は<!–/more–>の直後に広告を挿入するスペースを空けます。

 

記事下更新クリック

テキストとアフィリエイトリンクを挿入して「更新」をクリック。

実際にスマホで確認してみましょう。

 

記事下広告表示確認

はい、きちんと表示されていますね。

4.フッター(人気ランキングなどの下)に広告を貼る方法

次はスマホページの一番下、フッター部分に広告を貼る方法をお伝えします。

今度は、<div id=”footer_menu”>を探します。

フッター広告FC2SP

<div id=”footer_menu”>の直前に広告挿入用のスペースを空ける。

 

フッター広告挿入Fc2更新

テキストと広告コードを貼り付けて「更新」。

スマホで確認してみましょう。

 

フッター広告チェックFC2

はい、きちんとフッターに広告が掲載されています。

最後にオーバーレイ広告です。

FC2のオーバーレイ広告とは?

FC2ブログはデフォルトでオーバーレイ広告が設置されています。

 

【オーバーレイ広告とは】

  • スクロールしても画面下に固定して表示される広告
  • スクロールを停止するとフワッと現れる広告

FC2ブログのスマホ版ではこのオーバーレイ広告を消す事が許可されています。

オーバーレイ広告はクリック率が高いのでデフォルトの広告を削除してご自身の広告を貼ってしまいましょう。

まずはオーバーレイ広告を削除します。

FC2ブログのオーバーレイ広告の削除方法

テンプレートHTMLの編集画面から<%ad_overlay>を検索。

 

オーバーレイ広告検索FC2

「Ctrl」プラス「F」で検索。

 

オーバーレイ削除更新

<%ad_overlay>を削除して「更新」をクリック。

これでオーバーレイ広告は表示されなくなります。

FC2ブログのスマホ版に自分のオーバーレイ広告を設置する方法

FC2ブログのスマホ版にご自身のオーバーレイ広告を設置する方法をお伝えします。

ただ、オーバーレイ広告は扱っているASPが限られています。

ですので別記事にてASPの紹介および、オーバーレイ広告の掲載方法を詳しくご説明したいと思います。

まとめ

お疲れ様でした!

冒頭でも書いたように、現在、そして今後もスマホからの検索は増える一方です。

多くの方がPC版だけしか固定広告の設定をしていませんが、それでは売上の半分以上を損しています。

しっかりとスマホ、そして少しからも知れませんが携帯からのアクセスもしっかりとお金に変えていきましょう。

面倒なことを繰り返すことにより1か月後、2カ月後には莫大な利益の差となります。

ぜひとも今回の記事を参考にFC2のスマホ版、携帯版へ広告を掲載して下さいね。

最後までありがとうございました。

 

記事を読んだらコチラをクリック
▼  ▼  ▼

バナー広告