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. Adobe Creative Cloud Cleaner Tool

    Web Information

    AdobeのCreative Cloudでインストールトラブルが起きた時は「CS Cleaner T…

    AdobeのCreative Cloudでインストールトラブルが起きた…

  3. 新刊チェッカー for Kindle

    Web Information

    Kindleの最新情報(セールや新刊)が分かるiPhoneアプリ「新刊チェッカー for Kindl…

    Kindle(キンドル)のセールや新刊などの最新情報をiPhoneから…

  4. coolHue

    Web Information

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

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

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

    Web Information

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

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

  6. ブラウザをメモ帳にするやり方

    Web Information

    ブラウザのURL欄に一行入力するだけでメモ帳にすることができる

    とてもおもしろかったのでご紹介。ブラウザのURL欄にたった一行入力する…

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP