この記事では、アメブロにフォローボタン(読者登録ボタン)を設置する方法を解説しますね。
記事の中に、👇の「フォローしてね」ボタンを簡単に設置できます。
自分で画像を用意して、👇のようなオリジナルのフォローボタンでもOK
設置しなくても、読者はフォローできますが・・・
フォローボタンを設置することで、アピールできますよね。
フォロワー数UPにつながるので、各記事に設置しておきましょう!
フォローボタンの設置方法(パソコン)
最初に、パソコンで「フォローボタン」を設置する方法を解説します。
-
STEP1エディタで「おねだり」を開く
-
STEP2フォローボタンを選ぶ
-
STEP3いつも通り記事を書いて公開する
パソコンの場合は超簡単ですよ♪
STEP① エディタで「おねだり」を開く
【補足】
2023年8月に「おねだり」の機能がエディタからなくなりました。
今後は、方法②のコードを貼る方法を利用して下さい。
(フォローボタンのコードは引き続き利用可能です)
エディタの右側から、「おねだり」を選択しましょう。
すると、フォローボタンが表示されます。(フリー素材が3種)
STEP② フォローボタンを選ぶ
お好きな「フォローボタン」をクリックしましょう。
記事の中に、フォローボタンが設置されます。
STEP③ いつも通り記事を書いて公開する
あとは、通常通り記事を書いて公開するだけ!
フォローボタンの設置は完了です。
パソコンの場合は簡単ですね♪
フォローボタンの設置方法(スマホ)
スマホアプリの場合は、ちょっと面倒です・・・
できるだけ簡単な方法を、2つ紹介しますね。
方法① 記事の複製機能を利用する
スマホとは別に、パソコンでも記事を作成できる人向けです。
「スマホしかないよ・・・」という方は、方法②を使って下さい。
手順①
事前に、パソコンで「フォローボタン」を設置した記事を公開します。
過去に作成した記事に、フォローボタンを設置してもOKです。
手順②
続いて、スマホアプリでこの記事を「複製」しましょう。
手順③
複製した記事を選んで、編集して下さい。
記事の中にフォローボタンがあるので、再利用しましょう。
2回目以降は、フォローボタン設置済の記事を複製していくだけでOK。
PCで1度作っておくと、スマホでも簡単に設置できますね。
方法② フォローボタンのコードをコピペ
「PCがないよ・・・」という方は、👇の専用のHTMLコードをコピペしましょう。
<a href="https://blog.ameba.jp/reader.do?bnm=ここにアメーバID" target="_blank" title="フォローしてね"><img alt="フォローしてね" height="50" src="https://stat100.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_22.gif" width="150"></a>
<p> </p>
<a href="https://blog.ameba.jp/reader.do?bnm=ここにアメーバID" target="_blank" title="フォローしてね"><img alt="フォローしてね" height="50" src="https://stat100.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_29.gif" width="150"></a>
<p> </p>
<a href="https://blog.ameba.jp/reader.do?bnm=ここにアメーバID" target="_blank" title="フォローしてね"><img alt="フォローしてね" height="50" src="https://stat100.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_31.gif" width="150"></a>
<p> </p>
手順①
「フォローボタン」のコードをコピーします。
手順②
続いて、エディタ上で「HTML編集」を開きましょう。
手順③
ボタンを設置したい場所に、コードを貼り付けます。(まだ何も書いていない状態では空白です)
手順④
貼り付けたら、👇の赤枠部分をご自身の「アメーバID」に書き換えて下さい。(半角で入れる)
アメーバIDはURLの最後の部分ですね。
下記のように、IDが入ればOKです。
入力したら、右上の「完了」をタップします。
【補足】
HTMLコードは1文字でも間違えると失敗します。ID付近の「=」や「"」を間違って消さないように、注意して下さい。
手順⑤
👇のように、フォローボタンが入っていれば成功です。
あとは、いつも通り記事を書いて公開しましょう。
(公開後にクリックして、本当にフォローできるか確認して下さいね)
ちなみに、2回目以降は方法①の「記事複製」を使えば簡単です。
ちょっと面倒ですが、PCの方がアメブロ収益化で有利なので仕方ないですね・・・
オリジナルのフォローボタンもOK
フォローボタンはカスタマイズ可能です。
リンクの一種なので、テキストリンクや画像リンクで使うこともできます。
工夫次第で、さらにフォロワーUPにつながりますよ。
フォロー用のテキストリンク
👇のように、テキストリンクをフォローボタンに変えることができます。
実際にクリックできるので、試して下さいね。
リンクの工夫はアメブロ収益・集客化で超重要なテクニックです。
もちろん、フォローボタンでも活用できます。
ココで差がつく!
手順
リンクのURLに、下記を専用URLを貼り付ければOK。
👇のように、リンクの挿入でURLをフォロー用にするだけですね。
「ここにアメーバID」の部分は、ご自身のIDを書き換えて下さい。
アメーバIDは、URLの最後の部分ですね。
使用例①
私の場合は、👇のように自己紹介枠の中で使っています。
自己紹介とフォローは直接関係するので、確率を上げることができます。
使用例②
👇のように、吹き出しの中で使うのもアリですね。
読者に語りかけるので、フォローされやすいです。
フォロー用のオリジナル画像・バナー
👇のように、オリジナル画像を「フォローボタン」に変えることもできます。
とても目立つので、フォロワーをガッツリ獲得したい人にオススメ
ちなみに上記バナーは、Canvaを使って5分程で作成できました。
素敵なデザインを簡単に作れるので、ぜひ活用しましょう!
最初の1か月間はCanvaの有料プランをタダで使えるので、お試しに便利ですよ♪
手順①
事前に作成したフォローボタン用の画像を、記事に設置しましょう。
手順②
続いて、画像を選択した状態で「リンク」をクリックします。
リンクのURLに、フォロー用のURLを入力して下さい。
リンクのURLは、👇を使いましょう。
「ここにアメーバID」の部分は、ご自身のIDに書き換えて下さい。
画像リンクと全く同じですね。
ココで差がつく!
設置した方がいい場所は?
必ず設置したいのは、記事本文の後です。
記事を読んで満足した状態が、最もフォローされやすいタイミングだからですね。
当ブログの場合は、👇の配置にする記事が多いです。
記事本文の後に、「フォローボタン」「関連記事へのリンク集」「バナー」の順ですね。
稼げるブログの基礎となる、リンク集とバナーと合わせて設置しています。
記事本文の直後は、収益化・集客で最重要スペースです。「関連記事へのリンク」「バナーまたはAmebaPick」の設置を忘れずに!
\ フォローバックしてます /
おすすめコンテンツ
✅コンサルティングメニュー
✔ 高単価メニュー販売実践講座
⇒高単価メニューを売りたい人向けに、長期間完全マンツーマンサポート!
✔ ビジネスブログ収益UPサポート
⇒ビジネスブログの改善アドバイスをチャットで受け放題!
✅実施中のWebセミナー
✔ アクセス・集客UP実践セミナー
⇒アクセス・集客UP方法を実際の画面で紹介!
✔ 売れる告知記事作成セミナー
⇒読者が申し込みたくなる告知記事作成テクニックを紹介!
✔ Canva活用・収益UPレッスン
⇒Canvaの使い方~収益UPノウハウまで紹介!
✅公式note
✅お問い合わせ・お仕事依頼