【LINE】テキストやURLをシェアする/送るリンクやボタンの作り方を実例で解説

LINE
記事内に広告が含まれていることがあります。

LINEで簡単に情報を共有したいけど、どうすればいいの? そんな悩みをお持ちではありませんか?

この記事では、あなたのウェブサイトやブログから、LINEでテキストやURLをシェアするリンクやボタンを簡単に作成する方法を解説しています。

コーディングの知識がなくて簡単に実装することができます。

TwitterやFacebookのシェアボタンのように、あなたのコンテンツをLINEで広めて、より多くの人に情報を届けましょう。



LINEでテキストをシェアする方法

URLやボタンクリックしたときにLINE上に指定したメッセージを送るには以下のスキームを使います。

https://line.me/R/share?text=textmessage

「textmessage」の部分に送信したい文字列を入力します。

文字列は、パーセントエンコードで入力します。


例えば「こんにちは」と送りたい場合は「%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF」とします。

https://line.me/R/share?text=%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF

試しにスマホで以下のURLをクリックしてみてください。

https://line.me/R/share?text=%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF


(参考)LINE公式:LINE URLスキーム




パーセントエンコードの方法

文字列のパーセントエンコードは以下のサイトで簡単に作成することができます。


URLエンコード・デコード



URLをシェアする方法

ボタンやリンククリックで任意のURLをシェアしたい場合は、以下のスキームを使います。

https://social-plugins.line.me/lineit/share?url=https%3A%2F%2F~


「?url=」の後ろにシェアしたいURLを記述します。

URLはパーセントエンコードで記述することが推奨されています。(https://~などでも動きますが非推奨です)

URLのパーセントエンコード

URLのパーセントエンコードは以下を主に使います。

  • : → %3A
  • / → %2F

例えば「https://」であれば「https%3A%2F%2F」となります。

※LINEアプリ以外の場合はLINEにログインする必要があります。

LINE Login
Log in to LINE Social Plugins


URLとテキストをシェアする方法

URLとテキストをシェアする方法もあります。

https://social-plugins.line.me/lineit/share?url=your_url&text=your_text

「?url=」の後ろにシェアしたいリンク、「&text=」の後ろにシェアしたいテキストをパーセントエンコードで記述します。

注意点

リンクを試してみましたが、シェアされたのはURLのみで指定したテキストは反映されませんでした。

https://developers.line.biz/ja/docs/line-social-plugins/install-guide/using-line-share-buttons/#using-official-line-icons


URLシェア用のカスタムボタンを作成する

LINE公式のツールを使うと、URLシェアボタンを簡単に作成することができます。

オプションでシェアされた回数を表示することもできます。

LINE公式:「LINEで送る」ボタンを設置する



エンベッド用のコードが表示されるので、コピーしてWEBサイトに埋め込みます。




▼作成したシェアボタン

※LINEアプリ以外の場合はLINEにログインする必要があります。

タイトルとURLをコピーしました