LINEで送るボタンの設置方法

Web Information

LINEで送るボタンの設置方法について

LINEを使う人が増えてきたのでLINEで送るボタンを設置してみました。特にこれといって難しい設定は必要なく、公式サイトからコードをコピーして自分のサイトで表示したい場所にペーストするだけです。

[ads_center]

やり方

公式サイトのボタン設置方法のページへ行きます。

好きなボタンタイプを選んだり、送るテキストを選択。出来たらコードを取得して自分のサイトに貼り付ければOKです。

LINEボタン設置方法

デフォルトではPCの表示が非表示になっています。コードにある以下の部分でpcがfalseになっているのを確認できます。

new jp.naver.line.media.LineButton({"pc":false,"lang":"ja","type":"a"});

スマホからアクセスするとちゃんとLINEボタンが表示されるんですが、PCでも表示したい場合はfalseの部分をtrueに変更する必要があります。

new jp.naver.line.media.LineButton({"pc":true,"lang":"ja","type":"a"});

なんとなくコードは読み込まれているのに非表示になっているのがイヤだったので僕はPCでも表示するようにしました。

関連記事

  1. Web Information

    いい感じのiPhone6・iPhone6 PlusのPSDモックアップ素材集(フリー)

    いよいよiPhone6・iPhone6 Plusの発売日となりましたね…

  2. Web Information

    Google Chromeで今見ているページのツイート数を知ることができる拡張機能「Twitterつ…

    何気に便利じゃないですかね。Google Chromeで今見ているペー…

  3. Reesize

    Web Information

    iPhoneカメラで撮影した画像をリサイズできるアプリ「Reesize」

    iPhoneの画像をリサイズしてくれるアプリはいくつかあるんですが、中…

  4. Googleブログ検索

    Web Information

    Googleブログ検索がなくなったと思ったらまだちゃんとあった

    Googleブログ検索を検索結果ページから絞り込んでよく利用していたん…

  5. Web Information

    今年(2011)最後に自分のWebサイトのファビコンを作成して設置してみる

    ファビコンをまだ設置していなかったので設置してみました。当サイトはまだ…

  6. Nexus 5でテザリングしてiPhoneを接続

    Web Information

    Nexus 5でテザリングしてiPhoneをネットに接続させるやり方

    Nexus 5でテザリングしてiPhoneをネットに接続させるやり方を…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城

Instagram始めました

Facebookページ

PAGE TOP