自分のアメブロに、LINEの「友だち追加ボタン」を設置する方法をお伝えします。
今回はパソコンの画面からの設定方法です。
※スマホ(iPhone)からのアメブロにLINEの「友だち追加ボタン」を設定したい方はこちらの記事をご覧ください。
- LINE公式アカウントの管理画面にログイン
https://www.linebiz.com/jp/login/
![アメブロにLINEのお友達追加ボタンを設定する方法](https://pcbag-style.com/wp-content/uploads/2023/01/FireShot-Capture-493-管理画面ログイン|LINE-for-Business-www.linebiz.com_.png)
2.アカウント名をクリックすると、こちらの画面が出てきます。「ホーム」の下の方にスクロールしていくと「友だちを増やす」⇒「友だち追加ガイド」という項目があるので、こちらをクリック。
![アメブロにLINEお友だち追加ボタンを設置する方法](https://pcbag-style.com/wp-content/uploads/2023/01/IMG_3400.png)
3.「ボタンを作成」をクリック
![アメブロ lineお友達追加ボタン 設定方法](https://pcbag-style.com/wp-content/uploads/2023/01/FireShot-Capture-497-LINE-Official-Account-Manager-manager.line_.biz_.png)
4.この赤い部分のコードを全部選択して、「コピー」を押します。
![LINEのお友達追加ボタン アメブロへ貼り付け](https://pcbag-style.com/wp-content/uploads/2023/01/FireShot-Capture-498-LINE-Official-Account-Manager-manager.line_.biz_.png)
5.アメブロへログインしたら、「ブログ管理」をクリックし、「ブログを書く」をクリック。既に投稿したブログや下書きに保存してあるブログに貼り付けたい場合は「ブログを書く」ではなく、「記事の編集・削除」の方をクリックしてください。
![LINEお友だち追加 アメブロへ設定](https://pcbag-style.com/wp-content/uploads/2023/01/FireShot-Capture-499-管理トップ|Ameba-アメーバ-blog.ameba_.jp_.png)
6.ブログを書く画面に入ったら、そのまま貼り付けるのではなく、ブログの下の方へスクロールしていくと出てくる「HTML表示」をクリックして切り替えます。切り替えると「HTML表示」の文字の色が緑になっているはずです。
この画面で、先程LINE公式アカウント「ボタンの作成」のところでコピーしたコードを貼り付けます。
![アメブロ lineお友達追加ボタン 設定する方法](https://pcbag-style.com/wp-content/uploads/2023/01/FireShot-Capture-500-ブログを書く|Ameba-アメーバ-blog.ameba_.jp_-1.png)
7.「HTML表示」から「通常表示」に戻すと、このようにLINEの「お友だち追加」のボタンが出てきているはずです。以上で完了です。
![アメブロ LINEお友達追加ボタン 設定方法](https://pcbag-style.com/wp-content/uploads/2023/01/FireShot-Capture-501-ブログを書く|Ameba-アメーバ-blog.ameba_.jp_.png)
既に書いてあるアメブロ記事へ貼り付ける場合も同じです。「HTML表示」にしてから、LINEのお友達追加ボタンを設置したい場所までいって、貼り付けを行ってくださいね。
私のアメブロの個人レッスンでは、アメブロにLINEの「友だち追加」ボタンの設定方法や「友だち追加」ボタンのサイズの変更などもお教えしています。お友達追加ボタンの設定方法が分からない方は、レッスンで優しく丁寧にお伝えいたします。お申込みはこちら