Pages - Menu

2013年6月24日 星期一

Line 手機版本 按鈕分享設置




從昨晚腦海中就開始盤算怎麼寫這塊東西,一早六點多開始著手想寫
才發現 官方 API 還真是不好弄
弄了一小時 宣告放棄.....

到了公司不甘心再重新弄一次....在最後先放棄 bloggger 手機版型狀況下
終於先把 Line 的分享按鈕套上測試網頁和部落格



如果 WP 部落格我就不多介紹,這方法蠻多部落格已經有教學
可以參考 這篇 香腸炒魷魚 Line分享按鈕  讓文章快速分享給line的好友!

如果要放在 blogger 上方放入Line 分享按鈕可以加入以下語法

<a expr:href='&quot;http://line.naver.jp/R/msg/text/?&quot; + data:post.title + &quot;%0D%0A&quot; + data:post.url + &quot;&quot;'>
 <img src='官網按鈕圖示自行下載'/>
</a>




如果是一般網頁,可稍微做修改如下

<?php
$datatitle = "測試標題";
$dataurl = "http://www.xsoin.com";
?>

<a href='&quot;http://line.naver.jp/R/msg/text/?&quot; + <?php echo $datatitle; ?> + &quot;%0D%0A&quot; + <?php echo $dataurl; ?> + &quot;&quot;'>
    <img src="官網按鈕圖示自行下載">
</a>




還是要說一下這按鈕只限定於手機可以使用,就算在網頁上出現還是會被導向 Line 的網站
所以這按鈕還是需要放在 手機版本的部落格或者網站才有效果
所以用手機的時候就會跳出Line的程序詢問是否要張貼到Line 的個人頁面
如圖





別在問我上方按鈕怎麼都沒排版,甘 因為我懶,可以嗎....

沒有留言:

張貼留言