HOME   »   ブログ運営  »  ブログのスマートフォンページに「LINEで送る」自作ボタンを設置
RSSフィード
前回の記事では、スマートフォンの記事に関して、ページのタイトルとURLを公式Twitterアプリでツイート出来るボタンの作成及び設置方法を紹介しました。

今回はその続編です。今回はLINEで送るボタンを作成してみます。

僕自身は記事をLINEで送った事が無いのですが、最近では多くのサイトで「LINEで送る」ボタンを見かけます。

LINEは連絡手段アプリとして多くのシェアを占めていることから、このボタンが設置されることで読者の利便性が高まる事が期待できます。

「LINEで送る」ボタンは公式に用意されていますが、前回の記事で、適当なボタンなら作れる事がわかったので自作することにしました。

「押したら記事のタイトルとURLがセットされるLINEボタン」を作ってみましたので、FC2ブログにおけるその過程を記録しておきます。


スポンサーリンク

スマートフォンページにLINEボタンを設置する方法

まずは、Pixelmatorで角丸アイコンを作成する方法で書いたように、LINE用のボタン画像を作成しました。



次に、このボタン画像にリンクを設置しました。

LINEにはテキスト内容を送るURLスキームが用意されています。設置したリンクは以下になります。
<a href="line://msg/text/<%topentry_title> <%topentry_link>"><img src="http://blog-imgs-65.fc2.com/n/a/s/nasimeya/20140706031914dfa.png" /></a>

なお、<%topentry_title>と<%topentry_link>はFC2ブログの変数であり、それぞれページタイトル、ページURLに対応しています。

以上より作られたボタンは以下のように表示されます。



スマートフォンでボタンを押し、送信したい相手を選択すると、記事タイトルとURLがセットされて送信できます。

LINEで記事を送るボタンが作成できました。

関連記事








スポンサーリンク

過去記事セレクション

当ブログの過去記事の中で、オススメの記事25個をまとめたページを作成しました。500記事を超えた中から厳選していますので、どれもオススメできる記事となっています。もしも興味がありましたら、是非一度ご覧ください。
公開記事が500を超えたので、過去記事の中からオススメを25個セレクトしてみました



▼このカテゴリの最新記事
Relate Entry
Entry TAG
ブログ運営   ソーシャルボタン   LINE  
Comment
Trackback
Comment form
サイト内検索
全記事表示リンク

PAGE TOP