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. CSS Dig

    Web Information

    CSSをプロパティから解析してくれるChrome拡張機能「CSS Dig」

    CSS DigというChrome拡張機能を使ってみました。今まであまり…

  2. Chromeの複数タブをまとめて閉じるショートカットキー

    Web Information

    Google Chromeで指定した複数タブをまとめて閉じるショートカットキー

    ちょっと便利だったのでメモがてらご紹介します。Google Chrom…

  3. Web Information

    「iPhoneを検索」でWebページ検索ができるのでとても便利

    最近iPhoneでよく使う機能が「iPhoneを検索」です。左から右へ…

  4. coolHue

    Web Information

    クールなグラデーションがたくさん用意されたWebサイト「coolHue」

    coolHueはクールで素敵なグラデーションがたくさん用意されたWeb…

  5. Palettab
  6. KindleでEメールアドレスを追加

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP