前回、パソコンで、アメブロにLINEの「友だち追加ボタン」を設置する方法をお伝えさせて頂きました。
今回はスマホ・iPhoneからお友達追加ボタンを設定する方法をお伝えしますね。
※パソコンからのアメブロにLINEの「友だち追加ボタン」を設定したい方はこちらの記事をご覧ください。
1.LINEの「Official Account」アプリを開き、「+友達を増やす」をタップ。
![アメブロ LINE友達追加ボタン スマホから](https://pcbag-style.com/wp-content/uploads/2023/01/IMG_3403.jpg)
2.下の方にある「ボタンを作成」をタップ
![アメブロ LINEの友だち追加ボタン 表示 スマホ](https://pcbag-style.com/wp-content/uploads/2023/01/IMG_3405.jpg)
3.「HTMLを表示」をタップ
![](https://pcbag-style.com/wp-content/uploads/2023/01/IMG_3407-1.jpg)
4.「コピー」をタップします。「友だち追加」ボタンのHTMLコードがコピーされます。
![LINE友達追加ボタン アメブロに設定 iPhoneから](https://pcbag-style.com/wp-content/uploads/2023/01/IMG_3409.jpg)
5.コピーしたらアメブロアプリを開いて、記事を書くボタンを押します。
もしくは、自分がこれまで投稿したブログ記事や下書きに友だち追加ボタンを設置したい場合には、「記事の編集・削除」や「アプリ保存記事」などから、表示させたいブログ記事をタップしてください。
![アメブロ 友達追加ボタン 設定](https://pcbag-style.com/wp-content/uploads/2023/01/IMG_3411.jpg)
6.ブログ画面左下にある「HTML編集」をクリック
![LINE友達追加ボタン アメブロ 設定方法 スマホ版](https://pcbag-style.com/wp-content/uploads/2023/01/IMG_3413.jpg)
7.ここに、LINEのアプリでコピーしたコードをペースト(貼り付け)ます。忘れずに、右上の「完了」ボタンを押します。
![アメブロに友達追加ボタンを設定](https://pcbag-style.com/wp-content/uploads/2023/01/IMG_3415.jpg)
8.LINEの「友だち追加」ボタンが表示されています。以上です。
![ameblo lineの友だち追加ボタン 設定](https://pcbag-style.com/wp-content/uploads/2023/01/IMG_3417.jpg)
このやり方でうまくいかない方や、設置が難しい方、入れたい位置に入れられない方、友達追加ボタンの大きさ(サイズ)を変えたい方は、アメブロの個人レッスンでもお教えしています。お気軽にご連絡ください。お申込みはこちら。