我想从 facebook 之类的按钮中删除社交文本以适应宽度,你可以看到图 1.
我读过文章.
但是当我访问 https://developers.facebook.com/docs/reference/plugins/like/ 时,我可以将 “布局更改为 button_count”,但我找不到 “取消选中发送按钮” .我该怎么办?
顺便说一句,在官网中,它可以显示一个没有文字的Like Button,你可以看到图2.
图1
图2
我测试过,这只显示像按钮:
<div class="fb-like"
data-href="https://developers.facebook.com/docs/plugins/"
data-width="500"
data-layout="button"
data-action="like"
data-size="small"
data-share="false"></div>
如您所知,您应该在 head 标签中包含此内容,并将您的密钥添加到其中:
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v16.0" nonce="vnvxh4b9"></script>
您可以像这样在
version=v16.0
之后添加应用ID。 123456789
是您的应用程序 ID:
```html
<script async defer crossorigin="anonymous"
src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v16.0&appId=123456789"
nonce="vnvxh4b9"></script>
Also you can use CSS to hide everything else:
```css
.fb-like {
width: 60px !important;
overflow: hidden !important;
height: 20px !important;
}
**注意:如果你想显示计数按钮,只需将 div 中的
data-layout="button"
更改为
data-layout="button_count"
如果您使用 CSS,请增加宽度!
你试过建议的代码而不是 FB 按钮生成器吗? 给你:
<html>
<head>
<title>Your Website Title</title>
<!-- You can use open graph tags to customize link previews.
Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
<meta property="og:url" content="https://www.your-domain.com/your-page.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Your Website Title" />
<meta property="og:description" content="Your description" />
<meta property="og:image" content="https://www.your-domain.com/path/image.jpg" />
</head>
<body>
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous"
src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1
&version=v16.0
&appId=YOURAPPID
&autoLogAppEvents=1"
nonce="FOKrbAYI">
</script>
<!-- Your like button code -->
<div class="fb-like"
data-href="https://www.your-domain.com/your-page.html"
data-width=""
data-layout="button_count"
data-action="like"
data-size="small"
data-share="false">
</div>
</body>
</html>