ホームページにLINE公式アカウントの友だち追加ボタンやQRコードを置くときの設置ルールと、友だち追加を相談・予約につなげる導線の作り方を整理します。料金プランの考え方、フォームとの使い分け、追加経路の計測、運用体制まで解説します。
この記事の監修者
H.Yamashita
新卒で三井住友銀行に入行後、11年間幅広い業種業界・企業規模の法人を担当し、融資業務を中心としたコンサルタント業務に従事。子会社の信託銀行では、専務直属の新規事業企画室にて新規企画推進を担当。
銀行員キャリアのラストは本店営業部にて従事し、不動産・建設業界の上場企業を担当。
その後、WEBマーケティングに強みを有するスタートアップ企業に転職し、企業のあらゆるお悩みや課題を解決し、貢献したいという想いからコンサルタントとして独立、起業。
セールスライティング、WEBマーケティング、SEO、MEO、SNS、広報、WEBサイト制作など、財務や経営管理以外にも幅広い実績を有するオールラウンドな経歴を持つため、一気通貫であらゆるお悩みや課題の解決に貢献できる。
二人三脚スタイルの伴走型支援で当事者意識を持って高い熱量でサポートすることが強みであり特徴。クライアント数は140社超える。
ボタンを置くだけでは、相談は増えにくい
ホームページにLINE公式アカウントの友だち追加ボタンを置く会社や店舗が増えています。電話やメールより気軽に連絡できるため、相談の入り口として期待されることが多い方法です。
ただ、ボタンを置いただけで相談や予約が増えるとは限りません。友だち追加をした人が次に何をすればよいのか分からない、追加した後に何も届かない、どのページから追加されたのか分からない、といった状態では、せっかくの接点が眠ったままになります。
この記事では、LINEヤフーの公式マニュアルやガイドラインで確認できる設置のルールを押さえたうえで、友だち追加を相談・予約につなげる導線の作り方を整理します。InstagramやXなど、SNS全般とホームページの役割分担については別の記事で扱っているため、ここではLINE公式アカウントに絞って説明します。
ただ、ボタンを置いただけで相談や予約が増えるとは限りません。友だち追加をした人が次に何をすればよいのか分からない、追加した後に何も届かない、どのページから追加されたのか分からない、といった状態では、せっかくの接点が眠ったままになります。
この記事では、LINEヤフーの公式マニュアルやガイドラインで確認できる設置のルールを押さえたうえで、友だち追加を相談・予約につなげる導線の作り方を整理します。InstagramやXなど、SNS全般とホームページの役割分担については別の記事で扱っているため、ここではLINE公式アカウントに絞って説明します。
LINE公式アカウントの料金プランと、無料で使える範囲
最初に、費用の考え方を確認しておきます。LINEヤフー for Businessの料金プランのページでは、次の3つのプランが案内されています。
・コミュニケーションプラン:月額固定費0円、無料メッセージ200通
・ライトプラン:月額5,000円(税別)、無料メッセージ5,000通
・スタンダードプラン:月額15,000円(税別)、無料メッセージ30,000通
開設時はコミュニケーションプランに設定され、有料プランを使いたい場合は開設後にプランの変更が必要です。無料メッセージの通数を超えて配信できる追加メッセージは、スタンダードプランのみで利用できます。
ここで押さえたいのは、通数の数え方です。公式の説明では、「メッセージを送った回数」×「送った友だちの数」を通数として数えます。一方で、LINEチャットの送受信や自動応答メッセージなどは課金対象の通数に含まれず、無料で使えるとされています。
つまり、ホームページから来た人との個別の相談をチャットで受ける使い方であれば、無料プランのままでも始められます。友だち全員に向けた一斉配信を増やしたくなったときに、配信数に応じてプランを見直す、という順番で考えると判断しやすくなります。料金や条件は改定されることがあるため、契約の前に公式の料金プランのページで最新の内容を確認してください。
・コミュニケーションプラン:月額固定費0円、無料メッセージ200通
・ライトプラン:月額5,000円(税別)、無料メッセージ5,000通
・スタンダードプラン:月額15,000円(税別)、無料メッセージ30,000通
開設時はコミュニケーションプランに設定され、有料プランを使いたい場合は開設後にプランの変更が必要です。無料メッセージの通数を超えて配信できる追加メッセージは、スタンダードプランのみで利用できます。
ここで押さえたいのは、通数の数え方です。公式の説明では、「メッセージを送った回数」×「送った友だちの数」を通数として数えます。一方で、LINEチャットの送受信や自動応答メッセージなどは課金対象の通数に含まれず、無料で使えるとされています。
つまり、ホームページから来た人との個別の相談をチャットで受ける使い方であれば、無料プランのままでも始められます。友だち全員に向けた一斉配信を増やしたくなったときに、配信数に応じてプランを見直す、という順番で考えると判断しやすくなります。料金や条件は改定されることがあるため、契約の前に公式の料金プランのページで最新の内容を確認してください。
ホームページに置ける3つの入り口
LINE Developersのドキュメントでは、ウェブサイトから友だち追加してもらう方法として、QRコード、友だち追加ボタン、プロフィールページを開くURLが紹介されています。
QRコードは、パソコンでホームページを見ている人が、手元のスマートフォンで読み取るときに役立ちます。LINE Official Account Managerの「友だち追加ガイド」から作成できます。
友だち追加ボタンは、スマートフォンで見ている人がワンタップで追加できる入り口です。LINE Official Account Managerの「友だち追加ガイド」で「ボタンを作成」を選ぶと、ホームページに貼り付けるHTMLコードが発行されます。LINE Social Pluginsで作るボタンもあり、こちらは友だち追加済みになると表示が変わる仕組みが案内されています。
URLは、ボタンを置きにくい場所や、メールの署名、ブログ記事の文中リンクなどに使えます。 パソコン表示ではQRコード、スマートフォン表示ではボタン、というように端末によって出し分けると、どちらの閲覧者にとっても使いやすくなります。
QRコードは、パソコンでホームページを見ている人が、手元のスマートフォンで読み取るときに役立ちます。LINE Official Account Managerの「友だち追加ガイド」から作成できます。
友だち追加ボタンは、スマートフォンで見ている人がワンタップで追加できる入り口です。LINE Official Account Managerの「友だち追加ガイド」で「ボタンを作成」を選ぶと、ホームページに貼り付けるHTMLコードが発行されます。LINE Social Pluginsで作るボタンもあり、こちらは友だち追加済みになると表示が変わる仕組みが案内されています。
URLは、ボタンを置きにくい場所や、メールの署名、ブログ記事の文中リンクなどに使えます。 パソコン表示ではQRコード、スマートフォン表示ではボタン、というように端末によって出し分けると、どちらの閲覧者にとっても使いやすくなります。
設置で守りたいLINEヤフーのルール
LINEヤフーは、「広告・販促・告知物等におけるLINE関連素材使用についてのガイドライン」(2024年12月11日改定)を公開しています。ホームページ制作でつまずきやすい点を抜き出すと、次のとおりです。
・ソーシャルプラグインのボタンは、ウェブサイトであっても画像として掲載することはできず、利用規約に同意のうえで、コードをサイト内に記述する方法で実装する
・LINEヤフーが提供するダウンロードデータは、変形・加工することができない LINEのアプリアイコンの色を変えたり、縁取りや枠で囲んだりするデザインは、アイコンの改変と判断される
・アプリアイコンの横にQRコードを並べる場合、読み取った後の遷移先は友だち追加画面などである必要があり、どのような画面に遷移するか分かる文言を添える
・正式な表記は「友だち追加」で、「友だち登録」はNG例として挙げられている
デザインの統一感を優先して、ボタンを画像で作り直したり、ロゴの色をサイトの配色に合わせて変えたりしたくなることがあります。しかし、それはガイドラインに反する可能性があります。制作会社に依頼する場合も、公式のコードや素材をそのまま使う前提で、周囲のレイアウトで見やすさを整えるように伝えておくと安心です。
また、QRコードのデザインは2023年3月に新しくなり、ポスターや販促物での使用は緑色のQRコードに限定するとLINEヤフーのお知らせで案内されています。ホームページと同じQRコードを店頭のPOPにも使う場合は、この点も確認しておいてください。
・ソーシャルプラグインのボタンは、ウェブサイトであっても画像として掲載することはできず、利用規約に同意のうえで、コードをサイト内に記述する方法で実装する
・LINEヤフーが提供するダウンロードデータは、変形・加工することができない LINEのアプリアイコンの色を変えたり、縁取りや枠で囲んだりするデザインは、アイコンの改変と判断される
・アプリアイコンの横にQRコードを並べる場合、読み取った後の遷移先は友だち追加画面などである必要があり、どのような画面に遷移するか分かる文言を添える
・正式な表記は「友だち追加」で、「友だち登録」はNG例として挙げられている
デザインの統一感を優先して、ボタンを画像で作り直したり、ロゴの色をサイトの配色に合わせて変えたりしたくなることがあります。しかし、それはガイドラインに反する可能性があります。制作会社に依頼する場合も、公式のコードや素材をそのまま使う前提で、周囲のレイアウトで見やすさを整えるように伝えておくと安心です。
また、QRコードのデザインは2023年3月に新しくなり、ポスターや販促物での使用は緑色のQRコードに限定するとLINEヤフーのお知らせで案内されています。ホームページと同じQRコードを店頭のPOPにも使う場合は、この点も確認しておいてください。
友だち追加の前に「追加すると何ができるか」を書く
友だち追加ボタンの近くには、追加した後に何ができるかを短く書いておきます。
「LINEで見積もりの相談ができます」
「予約の空き状況をLINEで問い合わせできます」
「営業時間外でもメッセージを送れます。翌営業日に返信します」
LINEヤフーの友だち追加ガイドでも、ポスターや三角POPに友だち追加のメリットを書き込める枠が用意されています。ホームページでも同じ考え方で、追加する理由を先に示すことが大切です。
返信の目安の時間や、LINEで受け付けられない相談があれば、それも近くに書いておきます。例えば、個人情報を多く含む申し込みはフォームで受ける、といった線引きです。
「LINEで見積もりの相談ができます」
「予約の空き状況をLINEで問い合わせできます」
「営業時間外でもメッセージを送れます。翌営業日に返信します」
LINEヤフーの友だち追加ガイドでも、ポスターや三角POPに友だち追加のメリットを書き込める枠が用意されています。ホームページでも同じ考え方で、追加する理由を先に示すことが大切です。
返信の目安の時間や、LINEで受け付けられない相談があれば、それも近くに書いておきます。例えば、個人情報を多く含む申し込みはフォームで受ける、といった線引きです。
監修者からのポイント
LINEは導入の手軽さに比べて、返信体制の準備が後回しになりがちです。ボタンを置く前に、誰がいつ返信するかを決めておくことをおすすめします。
エクシードでは、LINE公式アカウントとの連携を含めたホームページの導線設計をご支援しています。友だち追加ボタンの設置場所から、フォームとの使い分け、追加経路の計測まで、相談や予約につながる流れをご提案します。LINEを使った問い合わせ窓口づくりを検討されている方は、お気軽にご相談ください。
友だち追加の直後に、相談の入り口を用意する
友だち追加をした人が最初に目にするのは、あいさつメッセージです。ここで「ご相談の方は、ご希望の内容を送ってください」「予約の方は、下のメニューから日時を選んでください」のように、次の行動を具体的に示します。
あわせて、リッチメニューに「相談する」「予約する」「料金を見る」「よくある質問」など、ホームページの主要ページへのリンクを並べておくと、トーク画面からホームページに戻って情報を確かめることができます。
予約の受付を外部の予約システムで行っている場合は、LINEの中で予約を完結させるのか、予約ページへ移動してもらうのかを先に決めておきます。どちらにする場合も、ホームページの予約ボタンとLINEの予約メニューで案内する内容をそろえておくことが大切です。
あわせて、リッチメニューに「相談する」「予約する」「料金を見る」「よくある質問」など、ホームページの主要ページへのリンクを並べておくと、トーク画面からホームページに戻って情報を確かめることができます。
予約の受付を外部の予約システムで行っている場合は、LINEの中で予約を完結させるのか、予約ページへ移動してもらうのかを先に決めておきます。どちらにする場合も、ホームページの予約ボタンとLINEの予約メニューで案内する内容をそろえておくことが大切です。
フォームとLINEを使い分ける
LINEを導入すると、問い合わせフォームは不要になると考える方もいます。しかし、どちらにも向き不向きがあります。
LINEが向いているのは、短いやり取りで済む相談、写真を送ってもらいたい相談、予約の日時の調整などです。フォームが向いているのは、会社名や住所など決まった項目を漏れなく受け取りたい申し込みや、担当者が複数いて社内で共有したい問い合わせです。LINEを使っていない人や、仕事用の端末でLINEを使えない人もいます。
ホームページには両方の入り口を置き、「お急ぎの方・写真で相談したい方はLINE」「見積もり依頼・法人のお問い合わせはフォーム」のように、どちらを選べばよいかを書き分けると迷いにくくなります。
LINEが向いているのは、短いやり取りで済む相談、写真を送ってもらいたい相談、予約の日時の調整などです。フォームが向いているのは、会社名や住所など決まった項目を漏れなく受け取りたい申し込みや、担当者が複数いて社内で共有したい問い合わせです。LINEを使っていない人や、仕事用の端末でLINEを使えない人もいます。
ホームページには両方の入り口を置き、「お急ぎの方・写真で相談したい方はLINE」「見積もり依頼・法人のお問い合わせはフォーム」のように、どちらを選べばよいかを書き分けると迷いにくくなります。
どのページから友だち追加されたかを計測する
LINE Official Account Managerには、友だち追加経路を設定する機能があります。経路、流入元、キャンペーンを入力して作成すると、専用のURL、QRコード、ボタンが表示され、それを経由して追加した友だちを「分析」の「追加経路」で確認できます。
例えば、トップページ、料金ページ、ブログ記事のそれぞれに別の経路のボタンを置けば、どのページが友だち追加につながっているかを比べられます。
ただし、公式マニュアルでは、プライバシーの観点から、日ごとに20以上の友だち追加がない場合は数値が表示されないとされています。期間内に20以上の流入がない経路は「その他」にまとめて集計されます。友だち追加が少ないうちは、経路を細かく分けすぎず、大きな単位で比べるほうが結果を読み取りやすくなります。
ホームページ側では、GA4でボタンのクリックを計測しておくと、クリックの数と実際の友だち追加の数を並べて確認できます。
例えば、トップページ、料金ページ、ブログ記事のそれぞれに別の経路のボタンを置けば、どのページが友だち追加につながっているかを比べられます。
ただし、公式マニュアルでは、プライバシーの観点から、日ごとに20以上の友だち追加がない場合は数値が表示されないとされています。期間内に20以上の流入がない経路は「その他」にまとめて集計されます。友だち追加が少ないうちは、経路を細かく分けすぎず、大きな単位で比べるほうが結果を読み取りやすくなります。
ホームページ側では、GA4でボタンのクリックを計測しておくと、クリックの数と実際の友だち追加の数を並べて確認できます。
返信の体制を先に決めておく
LINEでの相談は、返信が遅いと不満につながりやすい連絡手段です。導入する前に、誰が、どの時間帯に、どの端末で返信するかを決めておきます。
LINE公式アカウントには、アカウントにメンバーを追加して権限を管理する機能があります。担当者の個人のスマートフォンだけで運用すると、休みや退職のときに対応が止まってしまいます。複数の担当者で確認できるようにしておき、自動応答メッセージで営業時間外であることを伝える設定もしておくと安心です。
相談の内容には個人情報が含まれることがあります。ホームページのプライバシーポリシーに、LINEで受け付けた情報の利用目的が含まれているかも確認しておいてください。
LINE公式アカウントには、アカウントにメンバーを追加して権限を管理する機能があります。担当者の個人のスマートフォンだけで運用すると、休みや退職のときに対応が止まってしまいます。複数の担当者で確認できるようにしておき、自動応答メッセージで営業時間外であることを伝える設定もしておくと安心です。
相談の内容には個人情報が含まれることがあります。ホームページのプライバシーポリシーに、LINEで受け付けた情報の利用目的が含まれているかも確認しておいてください。
よくある失敗
・友だち追加ボタンを画像で作り直し、ガイドラインに沿わない形で掲載している
・友だち追加した後に何ができるかがホームページに書かれていない
・あいさつメッセージが初期設定のままで、相談や予約の案内がない
・担当者一人のスマートフォンでしか返信できず、休みの日に対応が止まる
・追加経路を設定しておらず、どのページが友だち追加につながったか分からない
・友だち追加した後に何ができるかがホームページに書かれていない
・あいさつメッセージが初期設定のままで、相談や予約の案内がない
・担当者一人のスマートフォンでしか返信できず、休みの日に対応が止まる
・追加経路を設定しておらず、どのページが友だち追加につながったか分からない
あわせて読みたい記事
ホームページとSNSの連携|Instagram・X・YouTubeから問い合わせにつなげる導線設計
68 ホームページのスマホ固定CTA設計|電話・LINE・問い合わせを押しやすくする考え方
59 問い合わせフォーム改善のポイント|入力項目・導線・離脱防止の考え方
72 ホームページのクリック計測|GA4で問い合わせ導線を見える化する方法
68 ホームページのスマホ固定CTA設計|電話・LINE・問い合わせを押しやすくする考え方
59 問い合わせフォーム改善のポイント|入力項目・導線・離脱防止の考え方
72 ホームページのクリック計測|GA4で問い合わせ導線を見える化する方法
本記事の内容は、執筆時点で確認したLINEヤフーの公式マニュアル、料金プランのページ、ガイドラインにもとづいています。料金やガイドラインは改定されることがあるため、実装の前にはLINEヤフー for Businessの最新の情報を確認してください。
まとめ
LINE公式アカウントとホームページの連携で押さえたいポイントは次の通りです。
✓チャットの送受信や自動応答は通数に含まれないため、個別相談の窓口としては無料プランから始められる
✓友だち追加ボタンは画像にせず、公式のコードで実装する。アイコンやダウンロードデータは加工しない
✓ボタンの近くに、追加すると何ができるかを書き、あいさつメッセージで次の行動を案内する
✓フォームとLINEの役割を分け、友だち追加経路でどのページが効いているかを確認する
友だち追加はゴールではなく、相談や予約の入り口です。追加した人が迷わず次に進める流れを、ホームページとLINEの両方でつくっていきましょう。
編集部コメント
友だち追加ボタンのデザインは、サイトの配色に合わせたくなる部分ですが、公式のルールがあります。見た目の調整は周囲の余白や配置で行うようにしてください。
この記事の編集者
C.Ogawara
大手食品メーカーにて約1年半、商品開発および営業業務に従事。市場ニーズを踏まえた企画提案や顧客対応を通じて、顧客視点を重視した課題解決力を培う。
その後、WEBディレクター兼SEOコンサルタントとして2年目のキャリアを歩み、他の一流コンサルタントの厳しくも愛のある指導のもと日々奮闘中。
ホームぺージ制作やSEO対策業務に携わり、検索流入の改善やコンテンツ制作を支援。 キーワード選定、記事構成の作成、リライトなどを通じて、検索意図に沿ったコンテンツ設計と継続的な改善に取り組んでいる。 毎日キーワード分析を行い、これまで分析したサイト数は業種業界を問わず200サイトを超え、最新トレンドや業界別の特徴や差別化要素を提案できることが最大の強み。
HPは会社の顔です。「安く、早く制作する」本当にそれで良いのでしょうか?
弊社はコンサルティング会社の強みを活かし、提案型・伴走型で、わかりやすく丁寧にサポートさせて頂きます。
HPは会社の顔です。「安く、早く制作する」本当にそれで良いのでしょうか?
弊社はコンサルティング会社の強みを活かし、提案型・伴走型で、わかりやすく丁寧にサポートさせて頂きます。
保守無料、分析ツール(ヒートマップ、GA4、サーチコンソール)設定無料、セキュリティ強化(SSL化、スパム対策)無料、マニュアル完備&レクチャー無料
内容が固まっていなくても、情報が整理されていなくても大丈夫です。まずは、お気軽にお問合せください!
-
フルオーダーメイドプラン
弊社WEBデザイナーによる完全オリジナルデザインをご提案させて頂きます。アニメーションも自由に設計が可能です。
ご発注から2ヶ月程度で制作が可能です。制作費はお問合せください。内容によりますが50万円(税別)が平均価格帯です。
※納品後の軽微修正(文言修正や写真入れ替えなど)や軽微不具合対応(表示崩れなど)は、無料で対応させて頂きます。
弊社の制作実績はこちらからご覧いただけます
どこよりも丁寧に、二人三脚で伴走します!
共に成長し、共に成功を
「何から始めればいい?」「費用はどれくらい?」そんな疑問もお気軽にご相談ください。ご相談はもちろん、資料請求のみのお問い合わせも歓迎しております。無理な営業はいたしませんので、ご安心ください。
Access
Access
株式会社エクシードコンサルティング
| 住所 | 〒104-0061 東京都中央区銀座1-22-11 銀座大竹ビジデンス2階 Google MAPで確認 |
|---|---|
| 電話番号 |
03-6555-4439 |
| 営業時間 | 10:00~19:00 |
| 定休日 | 土、日、祝 |
| 代表者名 | 山下 普之 |
| 設立日 | 2021年2月5日 |
財務支援やWebマーケティングを中心に、多様な課題解決をサポートしております。お客様ごとの状況を丁寧にヒアリングし、最適な施策をご提案いたします。
Contact
お問い合わせ
Contact
お問い合わせ
ご入力の上、次へボタンをクリックしてください。
Related
関連記事
Related
関連記事
-
2026.07.09ホームページのスマホ固定CTA設計|電話・LINE・問い合わせを押しやすくする考え方
-
2025.12.16参考になる!パーソナルジムのおしゃれな参考サイトまとめ【9選】パート1
-
2026.07.16ホームページの月次改善レポート|見るべき数字と次アクションの決め方
-
2026.09.23Web広告のコンバージョン計測|Google広告・Meta広告で問い合わせを正しく数える設定の考え方
-
2026.08.22カフェの採用ページの作り方|スタッフ応募につながる仕事内容・雰囲気の伝え方
-
2026.08.19カフェのテイクアウト・デリバリーページの作り方|注文前の不安を減らす情報設計
-
2026.08.12カフェのInstagramとホームページの使い分け|SNSから来店・予約につなげる導線設計
-
2026.08.10軽貨物ドライバー・個人事業主のホームページ|開業後に信頼を得るための最小構成
-
2026.08.01カフェサイトのおしゃれな参考例10選|来店・予約につながるデザインの見方
-
2026.07.13ホームページのクリック計測|GA4で問い合わせ導線を見える化する方法
-
2026.03.03参考になる!パーソナルジムのおしゃれなホームぺージ参考サイトまとめ【7選】パート2
-
2026.03.09参考になる!薬局のおしゃれなホームぺージ参考サイトまとめ【10選】パート2
-
2026.03.30士業向け東京ホームページ制作|信頼感を高める7法則
-
2026.04.21ホームぺージ制作前必見!薬局の参考になるホームぺージデザインと成功のコツ【厳選3選】パート1
-
2026.05.03ホームぺージ制作前必見!美容クリニックの参考になるホームぺージデザインと成功のコツ【厳選3選】パート1
-
2026.05.16設立直後のHP制作で最小投資でも信頼感を出すコツ
-
2026.06.02ホームぺージ制作の見積もりはどこを見る?費用内訳と比較ポイントを解説
-
2026.07.22ホームぺージ制作前必見!税理士事務所・会計事務所の参考になるホームぺージデザインと成功のコツ【厳選3選】パート1
-
2026.04.22ホームぺージ制作前必見!学習塾・塾の参考になるホームぺージデザインと成功のコツ【厳選3選】パート1
-
2026.04.23ホームぺージ制作前必見!美容室・美容院の参考になるホームぺージデザインと成功のコツ【厳選3選】パート1
-
2026.04.24ホームぺージ制作前必見!工務店の参考になるホームぺージデザインと成功のコツ【厳選3選】パート1
-
2026.04.27ホームぺージ制作前必見!製造業の参考になるホームぺージデザインと成功のコツ【厳選3選】パート1