Htmlによる「LINE友達追加」ボタン設置について

私は普段、JavaScript・HtmlでWEBページの制作をしております

そこで、
「LINE友達追加」ボタンを設置したいです。
一応下記のリンクで「友達追加ボタン」を設置しようとしているのですが、
何故か正しく反映されまされず、ボタンすら出力されません。

https://media.line.me/ja/how_to_install#addfriend

そこでこちらのリンクで扱われているボタン設置のコードは、
どのように記述すれば良いのでしょうか？
そのまま記述すれば良いのでしょうか？

お願いいたします

追記

html
1<html>
2<head>
3</head>
4<body>
5
6  <div class="line-it-button" data-lang="ja" data-type="friend" data-lineid="@tanaka" style="display: none;"></div>
7   <script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>
8
9
10</body>
11</html>
12

Takumiboo

2019/11/29 16:25 編集

まっさらなHTML・CSSで試しても同じ現象ですか？表示されない場合のHTML・CSSなどのソースコードも提示してください。

m.ts10806

2019/11/29 21:22

line IDを適当に置き換えて試したコードをご提示ください。

Tanaka2319

2019/11/30 08:13

只今コードを書き加えさせて頂きましたよろしくお願いいたします

行動規範の内容に同意します

回答2件

HTML
1
2<div class="line-it-button" data-lang="ja" data-type="friend" data-lineid="@lineteamjp" data-count="true" data-home="true" style="display: none;"></div>
3 <script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>
4

を設置したいところにコピペすれば良いだけです。

HTML
1<!DOCTYPE html>
2<html>
3  <head>
4    <title>LINe</title>
5  </head>
6  <body>
7    <div class="line-it-button" data-lang="ja" data-type="friend" data-lineid="@lineteamjp" data-count="true" data-home="true" style="display: none;"></div>
8    <script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>
9  </body>
10</html>