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でも表示するようにしました。

qpScroll背景に複数の画像を設定してパララックスのスクロールを実装できるjQueryプラグイン「qpScroll」前のページ

jQueryプラグインで画像サイズを調整して綺麗に並べてくれるギャラリー「Justified Gallery」次のページJustified Gallery

関連記事

  1. Nexus 5でテザリングしてMacを接続

    Web Information

    Nexus 5でテザリングしてMacを接続させるやり方

    Nexus 5でテザリングしてMacを接続してみたのでそのやり方をメモ…

  2. New Tab Redirect

    Web Information

    Chromeの最初の画面(新規タブ)をアプリ一覧にする設定方法

    Chromeで新規タブを開いた時などに表示される最初の画面をアプリ一覧…

  3. YouTube Options

    Web Information

    YouTubeの広告を消して非表示にするChrome拡張機能「YouTube Options」

    YouTubeの広告を消して非表示にしてくれるChrome拡張機能「Y…

  4. Web Information

    iPhoneのSafari(サファリ)でリンク先を新規タブで開く方法

    iPhoneのSafari(サファリ)でブラウジングしている時にリンク…

  5. FeedlyのChrome拡張機能

    Web Information

    Feedlyに簡単にアクセスできるChrome拡張機能

    前はFeedlyからPocketに送っていたんですが、ここ最近はFee…

  6. Reesize

    Web Information

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

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

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP