アフィリエイト入門ブログ~それなり

イチから始めるアフィリエイト入門ブログ

スポンサーリンク

読者になるボタンの効果アップを狙う(はてなブログのアクセスアップ)

 

f:id:sorenari77:20170512204152j:plain

ブログでアフィリエイトを始めた初心者こそ、まず取り組みたいアクセスアップ。はてなブログを使っているなら、ユーザー同士のコミュニケーション機能を積極的に活用したいのですが、その前にぜひやっておきたいのが「読者になるボタン」を目立つ位置に設置することです。

 

スマホだと見えにくい「読者になるボタン」はもったいない

f:id:sorenari77:20170512201506j:plain

何度も来てもらえるチャンスが増える「読者になる」機能。アクセスアップのためにも読者が増えるのは大歓迎したいところです。

はてなブログのユーザー同士なら、クリックだけで簡単に登録できるので、気軽に利用している人も多いと思われる機能ですが、「読者になる」ボタンがなかなか見当たらない…となると話は別です。

 

この「読者になるボタン」がどこにあるかというと、ブログの作成時には、最初から表示されているプロフィールの中(図の赤枠部分)にあります。

f:id:sorenari77:20170512201741j:plain

 

このようにサイドバーに表示されている部分は、スマホで見るとかなり下の方に移動してしまい、どこにあるかが非常にわかりにくいのが難点です。

サイドバーのないタイプのデザインでも、同じく下の方に配置されてしまいます。これではあまり目に留まりません。効果が最大に発揮されるように、目立つ位置に配置しましょう。

 

「読者になるボタン」を記事のすぐ下に貼り付けたい

f:id:sorenari77:20170512201909j:plain

ブログにアクセスしてくれた人の目に留まりやすく、「読者になるボタン」があっても不自然じゃない場所と言えば、何と言っても記事のすぐ下です。

記事を読み終えたときに自然に目に入るので、「いい記事だな」と気に入ってくれた人が読者になってくれるチャンスが増えます。

 

単純に貼り付けるだけだと広告の下になる

はてなブログの設定画面には、記事の下に表示させるためのコードの貼り付け欄が用意されています。

けれど「読者になるボタン」のコードだけを貼り付けた場合、ボタンの位置は図のように、はてなブログに最初から表示されている広告の下です。目に留まりやすさはイマイチですね…。

f:id:sorenari77:20170512202153j:plain

 

広告を消すには、はてなブログを有料版にする必要があるので、無料のブログでアフィリエイトにチャレンジしたいと思っている場合は、残念ながら広告を消すことはできません。

 

ひと手間加えて記事のすぐ下に貼り付ける

そこで今回は、記事のすぐ下に貼り付けるコードをプラスして、図の位置にボタンを貼り付けます。上の図に比べて断然わかりやすく、記事を読み終えてすぐに目に入ります。

f:id:sorenari77:20170512202305j:plain

 

はてなブログは、より自由にカスタマイズするための情報が多く提供されているので、記事の直下に広告を貼り付ける方法を紹介しているサイトを参考にアレンジしました。

 

記事のすぐ下に貼り付けるためのコードを挿入する

f:id:sorenari77:20170512202447j:plain

記事のすぐ下に「読者になる」ボタンを貼り付ける具体的な方法を見ていきます。読者になるボタンのコードと、記事のすぐ下に貼り付けるためのコードを組み合わせて、「記事下」の欄に貼り付けるという流れです。

 

読者になるボタンのコードをコピーする

まずは「読者になる」ボタンのコードをコピーします。このコードを使うと、「読者になる」ボタンを好きな位置に貼ることができます。

はてなブログの設定画面を開いて、「詳細設定」を表示しましょう。

f:id:sorenari77:20170512202656j:plain

 

下の方にある「読者になるボタン」のコードをコピーします。ひとまずメモ帳などに貼り付けておきましょう。

f:id:sorenari77:20170512202717j:plain

 

コードを貼り付ける

コードを貼り付ける場所を表示するには、デザインの設定画面でスパナマークをクリックして、「記事」をクリックします。

f:id:sorenari77:20170512202807j:plain

 

表示される「記事下」に貼り付けます。ここに貼り付けた内容は、記事の下に自動的に挿入される仕組みです。

f:id:sorenari77:20170512202838j:plain

 

さらに今回は、記事の直下に貼るためのコードが必要です。

私が利用させていただいたのは、はてなブログで記事のすぐ下に広告が配置できるコードを紹介しているこちらのサイトです。リンクの記事の下の方にある「記事下直下にアドセンスを自動で挿入する方法」の部分にあるコードを拝借しました。 

 

コピーしてきた「記事下直下にアドセンスを自動で挿入する方法」のコードを、先ほどの「記事下」に貼り付けます。

ただし今回貼り付けたいのは広告ではなく「読者になる」ボタンなので、2行目と3行目の部分を消します。

f:id:sorenari77:20170512203047j:plain

 

その後、先にコピーしておいた「読者になるボタン」のコードを削除した個所に入れます。図の赤枠の部分です。

f:id:sorenari77:20170512203136j:plain

 

あとは「変更を保存する」ボタンをクリックして、保存すればOKです。

これでブログの記事を表示してみると、記事のすぐ下に「読者になるボタン」が挿入できているはずです。一度設定すれば、以後追加する記事すべてのすぐ下に「読者になるボタン」が自動挿入されます。