ホームページにLINE友だち追加ボタンを設置する方法【WordPress】

LINE公式アカウントの友だち追加ボタンを設置する方法
 

自社ホームページにLINE公式アカウントの友だち追加ボタンを、どうやって設置すれば良いのかな?

今回はこういった疑問に答えます。

ホームページやブログを見ていると、以下のような友だち追加ボタンをよく見かけますよね。

友だち追加

この他にもLINEには様々なタイプのボタンがあります。

当記事ではこれらの友だち追加ボタンを、どうやって作成するのか解説していきます。

LINE友だち追加で豪華3大特典プレゼント!

最新のLINE友だち集めノウハウも限定配信!
エルメを使ったサンプルアカウントも無料でご覧頂けます

目次

LINEの友だち追加ボタンの取得方法【3パターン】

teach

LINEの友だち追加ボタンの作成には3つの方法があります。

  • LINE Official Account Manager (PCのみ)
  • LINE公式アカウントのアプリ (スマホのみ)
  • LINE Developers
 

LINE Developerだけは他の2つと違うタイプの友だち追加ボタンです!

順番に手順を解説していきます。

LINE Official Account Manager(PCのみ)

まずはLINE Official Account Managerにアクセスします。

「ホーム」→「友だちを増やす」アイコン→「友だち追加ガイド」をクリック。

「ボタンを作成」をクリックする。

HTMLタグをコピーします。

自分のサイトの任意の場所に貼り付けます。(WordPressについては後述)

LINE公式アカウントのアプリ(スマホのみ)

LINE公式アカウントのアプリを開き、「友だちを増やす」をタップ。

「友だち追加ボタン」をタップ。

「HTMLを表示」をタップ。

「コピー」をタップ。

自分のサイトの任意の場所に貼り付けます。(WordPressについては後述)

LINE Developers

LINE DevelopersのSocial Pluginsページを開きます。

必要事項を入力していきます。

  • 言語を選択
  • 公式アカウントのID
  • ボタンタイプ

公式アカウントのIDは、@から始まる文字列を入力します。

PCの場合
スマホアプリの場合

「コードをコピー」をクリック。

自分のサイトの任意の場所に貼り付けます。(WordPressについては後述)

友だち追加ボタンをWordPressに設置する手順

流入経路

先ほどの作業でHTMLタグのコピーができました。

次にコピーしたHTMLタグをWordPressに貼り付ける方法を説明していきます。

WordPressに貼り付ける場合、主に3つの方法があります。

  • 投稿内に設置する
  • ウィジェットに設置する

それぞれ順番に解説していきます。

投稿内に設置する手順

まずは投稿画面を開き「+(ブロックを追加)」をクリックします。

「カスタムHTML」をクリック。

先ほどコピーしたHTMLタグを枠の中に貼り付けます。

プレビューをして確認をします。

 

デフォルトだとずいぶんアイコンが大きいですね…

アイコンが大きいと感じる場合は、HTMLのタグに「width=”〇〇〇”」を追記しましょう。

〇〇〇には100~150ぐらいがおすすめです。

もう1回プレビューで確認してみると、

ちょうど良いサイズとなりました。

ウィジェットに設置する手順

ウィジェットに設置する場合は、LINE Developersで取得したHTMLタグは利用できません。

WordPress管理画面の「外観」→「ウィジェット」をクリック。

「テキスト」を任意の場所に追加します。

デフォルトでは「ビジュアル」になっているので、「テキスト」に変更します。

コピーしていたHTMLタグを貼り付けて完了です。

 

ここでもアイコンが大きいと感じる場合は、「width=”〇〇〇”」と追記しましょう!

友だち追加ボタンを設置する際には特典をつけよう

まとめ

今回はLINE公式アカウントの友だち追加ボタンの設置方法について解説しました。

友だち追加用のHTMLタグをコピーして、自サイトに貼り付けるだけなので簡単ですね。

ボタンを設置する際には、併せてプレゼントを用意することで、より高い効果が期待できますよ。

>>LINE公式アカウントのプレゼント企画は何が良い?具体例で紹介【4選】

また、LINE公式アカウントの友だちを集めるノウハウは、当サイトD-FocusのLINE公式アカウントでも限定配信しています。

LINEの自動化やLINE内の動画配信のコツまで、色々と学べるコンテンツを取り揃えているので、良かったら登録してみてください。

LINE友だち追加で豪華3大特典プレゼント!

LINE登録特典

特典:顧客対応を自動化で大幅削減! LINE公式アカウント自動化術
特典②:心理学でお客様の心をガッチリ掴む!LINE×動画活用術【3選】
特典9つの質問に答えるだけ!エルメ導入適性診断


最新のLINE友だち集めノウハウも限定配信!
エルメを使ったサンプルアカウントも無料でご覧頂けます

LINE公式・エルメ構築承ります

当サイト運営者は「LINE公式アカウント」と「L Message(エルメ)」の構築・運用代行を承っております。

「LINEは気になるけど、どう導入すれば効果が出るか分からない」「LINE自動化ツール導入のコンサルティングをしてほしい」

などありましたら、お気軽にお問い合わせください。

よかったらシェアしてね!
  • URLをコピーしました!
目次
閉じる