FRIENDGATE｜LINEの友だちを増やす！簡単LP作成ツール

読み込み中…

FRIENDGATEでできること

公式LINEの「友だち追加ページ」を、文章を入れるだけで作れるツールです。
QRコードだけの味気ない画面ではなく、プレゼントの魅力がちゃんと伝わるページで、XやInstagramのフォロワーをLINEの友だちに迎えられます。

入力するだけでLPが完成

キャッチコピーやプレゼント名を入れると、右側のプレビューにすぐ反映。デザインの知識はいりません。

スマホとPCで自動切り替え

スマホで見た人には友だち追加ボタン、PCで見た人にはQRコードを自動で表示します。

自動返信の文例つき

友だち追加した人に届く「あいさつメッセージ」の文例も、入力内容から自動で作ります。

ファイル1つで無料公開

画像もQRコードも1つのファイルにまとまるので、無料のホスティングサービスでも、お使いのWordPressのサイトでも公開できます。

見本のページ

FRIENDGATEで実際に作って公開したページです。スマホとPCの両方で開いて、ボタンやQRコードの切り替わりを確かめてみてください。

サンプルは、無料で利用できる「Cloudflare」に設置したものです。WordPressのブログをお持ちでない方も、このやり方でFRIENDGATEをご活用いただけます。

見本のページを開く

使い方は4ステップ

1
友だち追加URLをコピーする
LINE公式アカウントの管理画面（PC）で、「友だちを増やす」から「友だち追加ガイド」を開き、「URLを作成」でURLをコピーします。スマホの管理アプリなら「友だちを増やす」の「URLをコピー」でOKです。
2
ツールに入力する
「LINEの設定」にURLを貼り、ヘッダー・お悩み・プレゼントなどを入力します。入力した内容はブラウザに自動保存されるので、途中でやめても大丈夫です。
3
あいさつメッセージを設定する
ツールの「あいさつメッセージ」に受け取りURLを入れて、文例をコピー。管理画面の「トークルーム管理」にある「あいさつメッセージ」に貼り付けて保存します。
4
ダウンロードして公開する
「ページをダウンロード」でindex.htmlを保存し、無料のホスティングサービスか、お使いのWordPressのサイトに置けば完成です。公開の方法は、このページの下で説明しています。

画面のイメージ

1友だち追加URLを貼る欄（QRコードは自動で作られます）
2ヘッダー・お悩み・プレゼントなどの入力欄（タップで開閉）
3あいさつメッセージの文例とコピーボタン
4できあがったページのダウンロード

公開する方法は2つ

ダウンロードしたindex.htmlは、ふつうのWebページのファイルです。
サイトを持っていない人は無料のホスティングサービス、WordPressのサイトを持っている人は自分のサイトに置いて公開できます。どちらで作っても、ページの中身は同じです。

方法A

無料のホスティングサービスで公開する（Cloudflareがおすすめ）

WordPressのサイトを持っていない人は、Cloudflareの無料プランがおすすめです。ファイルをドラッグするだけで公開できて、表示も速く安定しています。下の手順を、上から順に開いて進めてください。

1Cloudflareに無料登録する

Cloudflareの公式サイトから、メールアドレスで無料のアカウントを作ります。登録が終わると、管理画面（ダッシュボード）が開きます。

2公開用のサブドメインを決める（最初に1回だけ）

Cloudflareでは、公開するURLが「ページ名.サブドメイン.workers.dev」の形になります。最初はメールアドレスをもとにしたサブドメインが自動で付いているので、公開する前に、あなたの名前やブランド名に変えておきましょう。

左のメニューの「Compute」から「Workers ＆ Pages」を開く
サブドメイン（〇〇.workers.dev）の欄で、変更（Change）を選ぶ
新しいサブドメインを半角英数字で入れて「Continue」、確認画面で「Update」

変えずに公開すると、メールアドレスの一部がURLに出てしまいます

公開URLは誰でも見られるので、ページを公開する前に変えておくのがおすすめです。

3アップするフォルダを用意する

パソコンに新しいフォルダを作り、FRIENDGATEでダウンロードした index.html を入れます。PREMIUMでカード画像（OGP）を使う人は、ogp.jpg も同じフォルダに入れてください。

4フォルダをアップして公開する

ダッシュボードのホーム画面にある「Ship something new」の点線の枠（Drop a folder, or a zip）に、フォルダごとドラッグする
「Worker name」を、半角英数字とハイフンで分かりやすい名前に変える（例：line-gift）。この名前がURLの最初の部分になります
「Deploy」を押す

5URLを開いて確認する

公開が終わると「line-gift.〇〇.workers.dev」のようなURLが表示されます。右上の「Visit」で開いて、スマホでも表示と友だち追加ボタンの動きを確認しましょう。確認できたら、XやInstagramのプロフィール、固定ポストに貼れば完成です。

「このサイトは安全に接続できません」と出たときは

サブドメインを変えた直後や、初めて公開した直後は、安全な通信の準備（証明書の発行）に数分かかることがあります。5〜15分ほど待ってから再読み込みするか、シークレットウィンドウで開いてみてください。

6ページを直したいときは

同じURLのまま、中身だけを新しくできます。

FRIENDGATEで内容を直して、もう一度「ページをダウンロード」でindex.htmlを保存する
前回アップしたフォルダの中のindex.htmlを、新しいものに置き換える（ファイル名はindex.htmlのまま。OGPを使っている人はogp.jpgも置き換える）
Cloudflareのダッシュボードで「Workers ＆ Pages」を開き、公開中のページ（例：line-gift）を選ぶ
右上の「New deployment」を押し、フォルダごとドラッグして「Deploy」を押す
右上の「Visit」で開いて、直した内容になっているか確認する（変わっていないときは、ブラウザを再読み込み）

管理画面の見方

一番上の行が公開中のURLと最後にアップした時間、下の「Deployments」がこれまでのアップの履歴です（「Ready」なら公開できています）。中央の図や「Bindings」「Queues」などは、FRIENDGATEのページでは使わないので触らなくて大丈夫です。

アクセス数はGA4で確認します

Cloudflareの「Metrics」は、ファイルを置いただけのページでは表示されません。何人が見たか、何人がボタンを押したかを知りたいときは、PREMIUMの計測タグ（GA4など）を使いましょう。

Netlifyを使いたい人は

Netlifyでも同じように公開できます。先に無料登録してから、app.netlify.com/drop を開き、フォルダごとドラッグすると「〇〇.netlify.app」のURLが発行されます（登録せずにアップすると、ページに一時的なパスワードがかかります）。混み合っていて開きにくいときは、Cloudflareを使ってください。

方法B

WordPressのサイトで公開する

WordPressのサイトを持っている人は、契約しているレンタルサーバーにファイルを置くと、自分のドメインのURLで公開できます。

1
サーバーの管理画面へレンタルサーバーの管理画面（エックスサーバーならサーバーパネル）から、ファイルマネージャーを開きます。
2
フォルダを作るWordPressが入っているフォルダ（public_html など）の中に、新しいフォルダを作ります（例：line）。
3
index.htmlを入れる作ったフォルダの中に、ダウンロードしたindex.htmlをアップロードします。
4
URLを開いて確認「https://あなたのドメイン/line/」で公開されます。表示を確かめてから、SNSに貼りましょう。

フォルダ名は、固定ページや投稿と同じ名前にしない

たとえば「line」という固定ページがすでにあると、どちらかが表示されなくなります。まだ使っていない名前にしてください。

記事やカスタムHTMLブロックに貼り付けるのはおすすめしません

index.htmlの中身を記事に貼ると、テーマのデザインと混ざって見た目が崩れます。ファイルのままサーバーに置くのが、いちばんきれいに表示される方法です。

ヒントと注意

あいさつメッセージに名前を入れる

LINEの管理画面で「{Nickname}」ボタンを押すと、相手の表示名を差し込めます。文例の1行目を「{Nickname}さん、友だち追加ありがとうございます！」にすると、ぐっと親しみやすくなります。

ボタンの文字は好きな位置で改行できます

スマホで1行に収まらないときは、「ボタンの文言」の欄で改行すると、その位置でボタンの中も改行されます。

入力内容はこのブラウザだけに保存されます

別のパソコンやブラウザでは引き継がれません。ブラウザの履歴を消すと入力内容も消えるので、大事なページは作り終えたらダウンロードしておきましょう。

画像は大きすぎないものを

画像は自動で小さくしてから入れていますが、たくさん入れるとブラウザに保存できないことがあります。そのときは画像の枚数を減らしてみてください。

よくある質問

本当に無料で使えますか？

はい、FRIENDGATEは無料で使えます。公開も、Cloudflareの無料プランか、お持ちのWordPressのサイト（レンタルサーバー）で追加の費用なくできます。

WordPressのサイトに置いてもいいですか？

はい、置けます。WordPressのサイトがあるレンタルサーバーにindex.htmlをアップすれば、自分のドメインのURLで公開できます。手順は「公開する方法は2つ」の方法Bをご覧ください。

PCで見るとボタンが表示されないのはなぜ？

PCで見ている人の多くは、スマホのLINEで友だち追加します。そのため、PCではボタンの代わりにQRコードを大きく表示しています。PCのLINEアプリで追加したい人向けのリンクも、QRコードの下に用意しています。

QRコードが表示されません

友だち追加URLが「https://」から始まっているか確認してください。URLが正しく入っていれば、プレビューを「PC」に切り替えたときにQRコードが表示されます。

プレゼントのファイルはどこに置けばいいですか？

Googleドライブの共有リンクや、noteの限定記事などがかんたんです。そのURLを、あいさつメッセージの「受け取りURL」に入れてください。

FRIENDGATE PREMIUMの使い方

PREMIUMでは、PROのすべての機能に加えて「文章づくり」「友だち追加後の配信」「SNSでの見え方」「アクセスの計測」までまとめて準備できます。
友だちを集めるだけでなく、集めた友だちとの関係づくりまで、ひと続きで進めていきましょう。

機能1

生成AIで文章を作る

1
4つの質問に答える誰に向けた発信か、どんな発信か、プレゼントの中身、あなたの強みを入力します。
2
プロンプトをAIに貼る「プロンプトをコピー」を押して、ChatGPTなどの生成AIに貼り付けます。
3
回答を取り込むAIの回答をまるごと貼って「回答を取り込む」へ。上書きされる項目を確認してから反映できます。

機能2

ステップ配信の文例（3日間・7日間）

1
商品を入れるあなたの商品名・説明・URLを入れます。まだ商品がなければ空欄でOKです。
2
日数と雰囲気を選ぶ3日間か7日間、ていねい・フレンドリー・シンプルを選ぶと、文例ができあがります。
3
LINEに登録する管理画面のメニュー「ステップ配信」で新しい配信を作り、1日目から順に文例を貼り付けます。

【】の部分は、あなたの言葉に書き換えてください

自己紹介のストーリーや、変化の実例など、あなたにしか書けない部分は【ここに〜】と表示されます。ここを自分の言葉にすると、配信がぐっと読まれるようになります。

ステップ配信も、LINEの配信数にカウントされます

LINE公式アカウントは、プランごとに毎月送れるメッセージ数が決まっています。3日間なら友だち1人につき3通、7日間なら7通になります。毎日続けて届くと負担に感じる人もいるので、まずは3日間版で、ぎゅっと集中してお届けするのがおすすめです。

機能3

SNSのカード画像（OGP）

1
スイッチをオンにする「カード画像を設定する」をオンにして、ページを公開する場所のURLを入れます。
2
画像を選ぶキャッチコピーから自動で作るか、自分の画像を使うかを選びます。Xでの見え方もその場で確認できます。
3
2つのファイルを置くダウンロードすると index.html と ogp.jpg の2つが保存されます。同じフォルダに入れて公開してください。

キャッチコピーは2行くらいが読みやすい

Xのカードは、スマホでは小さく表示されます。カード画像の文字は自動で収まるように調整されますが、2行くらいの短さにしておくと、ひと目で伝わります。

2つ目のファイルが保存されないときは

ブラウザによっては「複数のファイルのダウンロードを許可しますか？」と聞かれます。許可すると、ogp.jpgも保存されます。

Xのカードが前のままのときは

Xは一度読み込んだカードをしばらく覚えています。画像を差し替えたあとは、表示が切り替わるまで少し時間がかかることがあります。

機能4

計測タグ（アクセス解析・広告）

1
IDを確認するGA4は「データストリーム」、Xピクセルは「イベントマネージャー」、Metaピクセルは「イベントマネージャ」でIDを確認します。
2
IDを入れる使うものだけIDを入れます。カードの下に、LPに入るタグの名前が表示されます。
3
ダウンロードして公開ダウンロードしたページに計測タグが入ります。プレビューでは計測されないので、テストで数字が増えることはありません。

友だち追加ボタンのクリックも自動で記録されます

GA4では「line_add_click」、Metaピクセルでは「Lead」として記録されます。Xのイベント（コンバージョン）IDを入れると、X広告の成果としても記録されます。ページを見た人のうち何人がボタンを押したかが分かるので、キャッチコピーの改善に役立ちます。

プライバシーポリシーを用意しておきましょう

計測タグを使うときは、計測していることをプライバシーポリシーで知らせるのがおすすめです。「フッター」でプライバシーポリシーのURLを入れておくと、ページの一番下にリンクが表示されます。

そのほか

LPを育てる機能

LP診断スコア

プレビューの下に、LPの完成度が100点満点で表示されます。足りない項目と、直すと何点上がるかが分かるので、上から順に仕上げていきましょう。

お客様の声

受け取った方の感想を3つまで載せられます。「パーツの表示と並び順」で、好きな位置に動かせます。

期間限定の表示

締め切りの日を入れると、ページの一番上に「〇月〇日までの期間限定」と残りの日数が表示されます。締め切り後にボタンを隠すこともできます。

SNSで告知する

SNSごとの計測用URL、Xの告知ポスト・固定ポスト・プロフィール用の文章、名刺やチラシに使えるQRコード画像を、まとめて用意できます。

SNS別の計測用URLは、SNSごとに貼り分けましょう

XにはX用、InstagramにはInstagram用のURLを貼ると、GA4の「トラフィック獲得」で、どのSNSから来た人が多いかが分かります。力を入れるSNSを決める手がかりになります。

お客様の声は、実際にいただいたものだけを

作った声を載せると、読者の信頼を失ってしまいます。ご本人に掲載の許可をもらってから載せましょう。

もっと自分らしいページにしたいときは

FRIENDGATEで作ったページを、あなたのブランドに合わせて仕上げたくなったらFRIENDGATE PRO、集めた友だちを成果につなげる仕組みまで整えたくなったらFRIENDGATE PREMIUMがおすすめです。どちらも、入力した内容はそのまま引き継げます。

いま使っている

FRIENDGATE

LPの自動作成
スマホはボタン、PCはQRコード
あいさつメッセージの文例 1パターン
カラーはLINEグリーン

メール登録で無料解放

FRIENDGATE PRO

テーマカラー9色＋デザイン3種類
パーツの表示・並び順を自由に変更
スマホの追従ボタン
あいさつメッセージの文例 3パターン
クレジット表記を消せる
設定データの保存・読み込み

PRO版を使ってみる

月額150円

FRIENDGATE PREMIUM

PROのすべての機能
生成AIで文章を作って一括で取り込み
ステップ配信の文例（3日間・7日間）
SNSのカード画像（OGP）の設定
計測タグの設定（GA4・Xピクセル・Metaピクセル）
LP診断スコア・お客様の声・期間限定の表示
SNS別の計測用URL・告知文・QRコード画像

PREMIUMを見てみる

FRIENDGATE PROをご利用中です

テーマカラー・デザイン・パーツの並び順・追従ボタン・設定データの保存が使えます。案件ごとに設定データを保存しておくと、次のページ作りがぐっと速くなります。