設置方法

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

LINEで送るボタンとは

LINEで送るボタンは、スマートフォンWebサイト、またはアプリから簡単にLINEで情報をシェアすることができるボタンです。


ユーザーフロー

LINEで送るボタンは、LINEユーザーが用途に合わせてさまざまな情報を友だちに簡単にシェアできるように設計されています。 LINEで送るボタンのユーザーフローは次のとおりです。

  • 1. ユーザーがLINEで送るボタンをタップ
  • 2. LINEがインストールされている場合、LINEアプリが起動し、シェア先を選択します。

    (1) トーク : 友だち(複数選択可)や参加しているグループにトークで投稿できます。
    (2) ホーム : 送信先の選択画面の右上のボタンから、自分のホームに送ることができます。
    ホームへの投稿は、タイムラインでLINEの友だち全員が見ることができます。


スマートフォンサイトへの設置方法

1.ボタンのタイプを選択

2.送るテキストを選択

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

ボタンプレビュー コード

表示されているコードをコピーして、あなたのWebサイトの表示したい場所に張り付けてください。
1ページ中に複数のLINEで送るボタンを設置する場合、1行目のscriptタグの記述は1回だけで大丈夫です。


技術仕様

次の書式でリクエストを送信することでLINEで送るボタンをWebサイトまたはアプリに実装できます。

1.書式1

タップ後、Webブラウザが表示されます。
LINEアプリがインストールされていれば、そのままLINEアプリが起動します。

http://line.me/R/msg/<CONTENT TYPE>/?<CONTENT KEY>
パラメータ名 パラメータ値 説明
<CONTENT TYPE> text テキスト情報を送るときに指定します。
<CONTENT KEY> [任意の値] パーセントエンコーディング(utf-8)したテキスト情報の値を指定します。
原則、ページタイトル、ページURLの指定が可能です。
ページに関係ない情報の指定はガイドラインで禁止されています。

2.書式2

タップ後、LINEアプリをダイレクトに起動します。
LINEアプリがインストールされていないと何も起動しません。画像の送信をサポートしています。
iOS7では画像送信をサポートしていません。

line://msg/<CONTENT TYPE>/<CONTENT KEY>
パラメータ名 パラメータ値 説明
<CONTENT TYPE> text テキスト情報を送るときに指定します。
image 画像を送るときに指定します。
  • ※iPhoneの場合、アプリからのみ画像を送信できます。アプリからのパラメータ設定方法は、下の<CONTENT KEY>の説明を参照ください。
  • ※Androidの場合、イメージはローカルファイルになります。パラメータ設定方法は、下の<CONTENT KEY>の説明を参照ください。
<CONTENT KEY> [任意の値] パーセントエンコーディング(utf-8)したテキスト情報の値を指定します。
原則、ページタイトル、ページURLの指定が可能です。
  • ※iPhoneアプリから画像を送信する場合、Pastboardに画像を添付し、line://msg/image/(PastboardName)の形式でPastboardNameを設定して送信してください。
  • ※Androidから画像を送信する場合、line://msg/image/(localfilepath)の形式で、LINE側から読み取り可能なローカルファイルのイメージのパスを指定してして下さい。
  • ※ページに関係ない情報の指定はガイドラインで禁止されています。

3.記述例

送信する文字列 : LINEで送る http://line.me/

Webサイトの場合

<a href="http://line.me/R/msg/text/?LINE%E3%81%A7%E9%80%81%E3%82%8B%0D%0Ahttp%3A%2F%2Fline.me%2F"><img src="[ボタン画像のURL]" width="[ボタン幅]" height="[ボタン高さ]" alt="LINEで送る" /></a>

WordPressのテンプレートに記述する場合

<a href="http://line.me/R/msg/text/?<?php the_title(); ?>%0D%0A<?php the_permalink(); ?>"><img src="[ボタン画像のURL]" width="[ボタン幅]" height="[ボタン高さ]" alt="LINEで送る" /></a>

4.デザイン

LINEで送るボタンの画像は、下のボタンからダウンロードしたzipファイルを解凍してお使いください。
ダウンロードしたボタン画像は、Retina Display用に表記の2倍のサイズで作られています。

ボタン画像をダウンロード