【WordPress】ブログに「LINEで送る」ボタンを付ける方法

Oct 12, 2012

以下の記事を参考にして、このブログにも「LINEで送る」ボタン付けました。
数千万のLINEユーザーにウェブページの情報を伝える魔法のボタン「LINEで送る」の作り方 – 頭ん中

↑の本家の方だと、ボタンクリックすると「LINEで送る」の説明ページにいったん飛ばす、という親切設計なんです。

でも、そんな親切にワンクッション置かなくてもいいだろ、という方もいると思うんです。
「直接LINEアプリ開かせればええやんけ」というヤクザな方は、
aタグのhrefに、
line://msg/text/メッセージ
でいけるみたい。

WordPressの方は、以下のソースを、single.phpの適当なところにつければOK。

<a href="line://msg/text/<?php the_title(); ?>%20<?php the_permalink();?>" target="_blank"><img src="/img/line_btn.png" width="440" /></a>

imgタグ内の画像は、下記の画像を使ったり、自分で作ったりしてください。

ただ、このボタン、PCから見たときには全く意味のないボタンです。機能しません。
なので、「スマートフォンからのアクセスの時だけ表示」とする必要があります。
WebKitDetect.jsなどを使うといい感じに出来ると思います。
参考:iPhoneからのアクセスかどうか判定できるJSライブラリDetecting WebKit with JavaScript – 大人になったら肺呼吸

まずは試しに

LINE が入ったスマートフォンでこの記事を開いて
これを押してみたらいいんじゃないかな!

白坂翔
白坂翔

東京のWEB制作会社の代表をしています。デザイナー兼ディレクター。
JELLY JELLY CAFEというお店のオーナーでもあります。MORE

LINE@やってます

'stats.label.addfriend' (MISSING TRANSLATION)

あわせてどうぞ

【カメラ機能レビュー】F-01Cを片手に母校の学祭に行ってきた