【完全版】アメブロに公式LINEの「バナーリンク」を正しく貼り付ける4ステップ

 

 

 

 

ブログから「公式LINE」への登録を促す「バナー」を貼りたいけれど、

 

「どうやってリンクを貼ればいいの？」

「設定が難しそう…」

「設置しても画像が拡大してしまう」

 

そんな風に思っていませんか？

 

 

バナー画像は、ただ貼るだけでは意味がありません。

 

画像をクリックした時に、迷わずLINEの登録画面へ案内できるように正しく設定することが大切ですよね

 

今回は、初心者さんでも迷わずその場で完了できる

 

「バナーリンクの設置方法」を、図解で分かりやすく解説します

 

 

 

 

 

 

 

事前準備 

 

①バナーの内容を決めておこう

 

まずは、思わずクリックしたくなるバナーの「中身」を決めましょう！

 

盛り込むといい内容は、以下の通りです

• LINE登録のメリットや世界観が伝わる言葉
• 特典の名称 ＋ ベネフィット
  ⇒その特典でどうなれるか？
• 「LINEのご登録はコチラ」などのクリックを促す言葉
  ⇒クリックできることが伝わります
• あなた自身の写真
  ⇒信頼感がアップします

下記の見本のようなイメージですね。

 

最初から、上記のようなオシャレなバナーの必要はないです。

 

まずは、内容を整えることを重視しましょう

 

 

 

②Canvaなどでバナーを作成する

 

内容が決まったら、Canvaなどのツールを使って画像を作成します。

 

👇はCanvaで実際に作成している様子です。

 

Canvaを使うとオシャレなバナーなどを簡単に作れるので、本当に便利ですよね。

 

 

なお、アメブロに設置する際の画像の推奨は下記の通りです。

 

 

もちろん、外注でもOKですよ。

 

ココナラなら、3千円くらいでプロ級バナーを依頼できます。

 

 

 

 

バナーの設置手順 

準備ができたら、いよいよアメブロに設置していきましょう！

 

アメブロのスマホアプリは、このような集客を有利にする操作が苦手です。

 

ミスなく確実に設定するために、パソコンでの作業を推奨します

 

 

①アメブロに画像をアップロード

 

最初に、事前にCanvaなどで用意したバナー画像をアップロードします。

 

アメブロの記事エディタを開いて、

 

①エディタ右側の「写真・動画」

②「アップロード」

の順にクリックしましょう。

 

👇の手順ですね。

 

パソコンのフォルダが開くので、事前に用意したバナーを選んで下さいね。

 

👇のように、事前に用意したバナーが表示されればOKです。

 

 

 

②目的の箇所に設置

 

では、記事にこの画像を設置しましょう。

 

記事の中で、バナーを設置したい場所をクリックします。

 

そして、右側にアップロードされた画像一覧から、使うバナーを選びましょう。

 

 

 

下記のように、記事内に画像が表示されたらOKです。

 

 

 

 

③LINEのリンクをコピーしてくる

 

次に、誘導する先の「LINEのURL」を準備します。

 

LINE公式アカウントの管理画面を開きましょう。

 

「友だちを増やす」から「友達追加ガイド」を開きます。

 

 

 

次に「URLを作成」を開いて下さい。

 

 

表示されたURLをコピーしましょう。

 

👇のように、「コピー」をクリックすればOKです。

 

 

 

④リンクに変える

 

それでは、アメブロのエディタに戻りましょう。

 

設置したバナー画像を選択して、青い状態にします。

 

そしてエディタ上の「リンク（鎖のマーク）」ボタンをクリックして下さい。

 

 

すると、このバナー画像のURL設定画面が開きます。

 

【ここ大事！】

続いて、最初から入っているURLを一度すべて消して下さい。

 

 

画像をクリックすると拡大するためのURLなので、今回は使いません。

 

 

そして、コピーしておいたLINEのURLを貼り付け、「リンクを挿入する」をクリックしましょう。

 

 

これで完成です！

 

 

 

補足

 

なお、記事のプレビュー段階では、バナーをクリックしても何も起きません

 

 

記事を公開すると、バナーをクリックするとLINEへ誘導出来るように変わっています。

 

 

公開後にパソコンでバナーをクリックすると、下記のようにQRコードの画面に移動します。

 

 

スマホで読み取って、本当にあなたのLINEに移動するか確認しておきましょう

 

なお、スマホで記事を読む場合は、QRではなく直接LINEに移動します。

 

 

 

 

2回目以降は楽に設置できる 

 

「毎回この作業をやるのは大変そう…」

 

と感じるかもしれませんが、安心してください。

 

 

一度作ったバナーリンクは

• HTMLコードをコピーして使い回す
  または
• 記事の「複製機能」を利用する

といった方法で、2回目からは数秒で設置できるようになります

 

 

 

 

読者さんを迷わずLINEに誘導しよう！ 

 

大切なのは、どんな読者さんでもスムーズにLINEへと辿り着ける「親切な入り口」を整えること。

 

あなたのブログに共感してくれた読者さんを、取りこぼさずにお迎えできるようになりますよね

 

 

逆に、バナーをクリックしても画像が拡大してしまいLINEが開かない状況は、一番もったいない離脱の原因…

 

そのため、今回ご紹介した「バナーリンク」はシンプルな設定ですが、極めて重要ですね。

 

 

まずは今日、この記事の手順通りにバナーを設置して、

 

「ちゃんとLINEの画面が開くかな？」とご自身で確認してみてくださいね！

 

 

「売れる動線」を整えて、自信を持って発信しませんか？

 

今回ご紹介したバナー設定は、ブログ集客を整える大切な一歩です。

 

ただ、バナーを正しく貼れていても…

 

記事からLINEまでの「ルート（動線）」がバラバラでは、なかなか成果には繋がりません

 

 

集客で最も大切なのは、単発のテクニックではなく、

 

入り口から出口までが一本の線でつながる「動線設計」だからです

 

 

「私のブログ、読者を迷わせないルートになっているかな？」

 

自分一人で客観的に判断するのは、意外と難しいもの。

 

「これで合っているのかな……」と一人で悩み続ける時間は、『モッタイナイ』ですよね。

 

 

もし今、発信しているのにお申し込みが伸び悩んでいるなら、

 

一度プロの目線で「集客のルート作り」をチェックしてみませんか？

 

一人で抱え込まずに、あなたのブログに合わせた『動線づくりのヒント』を掴みにきてくださいね