読者です 読者をやめる 読者になる 読者になる

無能webコーダーの忘備録

全然成長しないコーダーが重い腰をあげました。

LINEで送るボタン

media.line.me

先日、とあるページに埋め込みたいと相談され、実装した「LINEで送る」ボタン。

まず躓いたのはPCにLINEがインストールされてないと確認できない。当たり前だけど!それを訴えたが、セキュリティーの問題で会社のPCにダウンロードは却下された。確認も出来ないのに設置しようなんて無謀な…OTL

外部jsを読み込むのもNGと言われ(だったら提案するな)仕方ないので技術仕様の記述例を丸写しして設置。

<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> 

 結局、PCページに埋め込むのは諦め(確認できないから)スマホページのみに実装。

その後、送信するURLにアンカーつけたいとの要望があり、テキストを変更。しかし、実際に貼り付けたURLをタップしても該当のアンカーに飛ばない。正確にはAndroidは期待通りの挙動だったんだが、iPhoneが動いてくれない。

画像の高さ指定が問題かも、ということで画像のサイズを指定してみた。が、そもそもスマホページは可変前提で作ってるし、そのうえiPhoneが自動修正してるっぽく、アンカーは失敗。結局アンカーなしになった。

そもそもAndroidiPhone、どちらをスマホページの基準にするとか決めないと、今後も問題になると思うんだが。。。