質問するログイン新規登録

質問編集履歴

2

facebookタグの追加

2018/10/31 11:36

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
File without changes

1

コードを変更しました。

2018/10/31 11:35

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,4 @@
1
- facebookのいいねボタンが表示されません。どうしたらよいか教えてください。コードはサイトのものをコピペしただけなのですが、ローカルファイルじゃ反映されないとかじゃないですよね?
1
+ facebookのいいねボタンが表示されません。どうしたらよいか教えてください。
2
-
3
2
  ```HTML
4
3
  コード
5
4
 
@@ -10,10 +9,11 @@
10
9
  <meta charset="UTF-8">
11
10
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
12
11
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
12
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz"
13
+ crossorigin="anonymous">
14
+ <link rel="stylesheet" href="style.css" type="text/css">
13
- <title>Document</title>
15
+ <title>いいねボタン</title>
14
- <!-- You can use open graph tags to customize link previews.
15
- Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
16
- <meta property="og:url" content="https://www.your-domain.com/your-page.html" />
16
+ <meta property="og:url" content="index.html" />
17
17
  <meta property="og:type" content="website" />
18
18
  <meta property="og:title" content="Your Website Title" />
19
19
  <meta property="og:description" content="Your description" />
@@ -21,6 +21,16 @@
21
21
  </head>
22
22
 
23
23
  <body>
24
+
25
+ <!-- FOOTER -->
26
+ <footer>
27
+ <div id="footer-head">
28
+ <div class="fb-like" data-href="index.html" data-layout="standard" data-action="like" data-show-faces="true">
29
+ </div>
30
+ </div>
31
+ </footer>
32
+
33
+
24
34
  <!-- Load Facebook SDK for JavaScript -->
25
35
  <div id="fb-root"></div>
26
36
  <script>(function (d, s, id) {
@@ -30,12 +40,8 @@
30
40
  js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
31
41
  fjs.parentNode.insertBefore(js, fjs);
32
42
  }(document, 'script', 'facebook-jssdk'));</script>
33
-
34
- <!-- Your like button code -->
35
- <div class="fb-like" data-href="https://www.your-domain.com/your-page.html" data-layout="standard" data-action="like"
36
- data-show-faces="true">
37
- </div>
38
43
  </body>
39
44
 
45
+
40
46
  </html>
41
47
  ```