設置方法

ボタンを設置する前に必ずガイドラインをご確認ください。
ボタンを設置した時点でガイドラインに同意したものとみなされます。

LINEで送るボタン

「LINEで送る」ボタンは、Webサイトの情報をLINEの友だちと簡単にシェアできるボタンです。

LINE公式アイコンを使用

カスタムアイコンを作成するか、公式の「LINEで送る」ボタンを使用できます。公式アイコンを使用するには、以下の手順に従ってください。

1. URLを設定

  • 「LINEで送る」ボタンを設置したいWebサイトのURLを入力してください。
URL

2. ボタンを設定

ボタンタイプ
シェア数
サイズ

3. プレビューを確認してコードをコピー

  • 以下のコードをWebサイトのDOMに追加してください。このコードはDOMContentLoadedイベントで呼び出されます。
  • コードをコピーして、Webページでボタンを表示したい場所にペーストしてください。
  • 1ページに複数の「LINEで送る」ボタンを設置する場合、最後のscriptタグは1回のみ追加してください。
ボタンのプレビュー
コード
<div>Code</div>

カスタムアイコンを使用

カスタムアイコンを作成して使用するには、以下の手順に従ってください。

1. カスタムアイコン

  • ボタンにカスタムアイコンを使用する場合、下記の例のとおりボタンのリンクを設定してください。
リンクのフォーマット
https://social-plugins.line.me/lineit/share?url={encodeURIComponent(URL)}

(URL:https://line.me/en)
https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fline.me%2Fen

2. 動的WebサイトでLINEで送るボタンを呼び出す

  • WebサイトでDOMツリーが構築されてコンテンツが作成されたら、LineIt.loadButton()を呼び出してLINEで送るボタンを有効にしてください。
<script type="text/javascript">LineIt.loadButton();</script>

3. シェア数

  • カスタムアイコンでもシェア数を確認できます。
  • LINEソーシャルプラグインボタンを利用してシェアされた件数のみ確認できます。
HTTPリクエスト
GEThttps://api.line.me/social-plugin/metrics?url=https://line.me/en
リクエストパラメーター
パラメーター
タイプ
説明
url
required
String
シェア数の確認に必要なURL

(例:https://line.me/en)
リクエスト例
curl -X GET 'https://api.line.me/social-plugin/metrics?url=https://line.me/en'
レスポンス例
{
"share": 4173
}
ステータスコード
コード
説明
200
OK
リクエスト成功
400
Bad Request
不正なパラメーターまたは値が含まれる
500
Internal Server Error
内部サーバーエラー

4. デザインガイド

  • カスタムアイコンは、以下のデザインを参考にして作成してください。
  • ダウンロードしたボタン画像は、Retina Display用に2倍のサイズで作られています。
Design Guide

友だち追加ボタン

Webサイトに訪れたユーザーがあなたをLINE友だちに追加できるボタンです。
友だち追加ボタンを使用するには、LINE公式アカウントのIDが必要です。
友だち追加ボタンにはデフォルトのLINEアイコンのみ使用できます。

1. LINE IDを入力

  • 公式アカウントのIDを入力してください。
LINE ID

2. ボタンタイプを選択

  • ボタンのタイプを選択してください。友だち追加ボタンと一緒に、友だち数や公式アカウントのプロフィールへのリンクを表示することもできます。
友だち数とホームへの移動ボタンを表示 友だち数を表示 友だち追加ボタンのみを表示

3. プレビューを確認してコードをコピー

  • コードをコピーして、Webページでボタンを表示したい場所にペーストしてください。
ボタンのプレビュー
コード
<div>Code</div>