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. Nexus 5でテザリングしてiPhoneを接続

    Web Information

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

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

  2. ドットナビゲーションスタイル

    Web Information

    ドットナビゲーションスタイルの色んなパターンについて

    よくイメージスライダーの下部なんかに見かけるドットナビゲーション。通常…

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

    Web Information

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

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

  4. フリーのアイコンセット

    Web Information

    Webページやモバイルサイトで使いたいフリーのアイコンセット

    とてもいい感じにまとめられていたのでご紹介します。Webページやモバイ…

  5. KindleでEメールアドレスを追加
  6. Nexus 5の自動回転を止める設定

    Web Information

    Nexus 5で画面の自動回転を止める設定方法

    Nexus 5で画面の自動回転を止める設定方法をご紹介します。縦画面で…

最近の記事

  1. Soundcore Ace A1
  2. cheero USB-C PD Charger 60W
  3. DY-S01
  4. OWL-QI10W04

アーカイブ

PAGE TOP