Tôi đang cố gắng tích hợp nút chia sẻ Facebook vào trang web của chủ nhân của tôi, tiêu đề, url, mô tả/giới thiệu đều hiển thị chính xác, tuy nhiên không có hình ảnh nào được đính kèm. Khi hộp thoại chia sẻ mở ra, một vùng chứa hình ảnh nhấp nháy và sau đó biến mất như thể facebook đang cố gắng xử lý (các) hình ảnh nhưng không thành công.Chia sẻ Facebook không hiển thị hình ảnh từ thẻ meta biểu đồ mở
Tôi đang sử dụng og: image và một mối quan hệ liên kết để thử và xác định ảnh để sử dụng cho các liên kết chia sẻ:
<meta property="og:image" content="/images/logo_white_150px.png" />
<link rel="image_src" type="image/png" href="/images/logo_white_150px.png" />
Đó hình ảnh từng làm việc (nó có quy mô thích hợp) nhưng không còn làm, tôi cũng đã thử các hình ảnh khác có kích thước và định dạng khác nhau mà không có may mắn.
Đây là mở các thẻ meta Tôi đang sử dụng trong tiêu đề:
<!DOCTYPE html>
<html xmlns:fb="http://ogp.me/ns/fb#" itemscope itemtype="http://schema.org/Article" xmlns:og="http://ogp.me/ns#">
<head>
<meta property="og:type" content="landing page" />
<meta property="og:title" content="Social Media Test Page" />
<meta property="og:description" content="This is a page for testing the behavior of social media buttons..." />
<meta property="og:image" content="/images/logo_white_150px.png" />
<link rel="image_src" type="image/png" href="/images/logo_white_150px.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:url" content="<%=shortUrl%>" />
<meta property="og:site_name" content="site name" />
<meta property="og:medium" content="mult" />
</head>
Dưới đây là JavaScript Tôi đang sử dụng vào lúc bắt đầu của cơ thể:
<body>
<script type="text/javascript">
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk'));
</script>
...
Và đây là làm thế nào Tôi đang sử dụng nút:
<div class="left" style="text-align: center;">
<a name="fb_share" type="button" share_url="<%=shortUrl%>">Share</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
Bất kỳ trợ giúp nào được đánh giá cao, cảm ơn trước
Chris.
Theo kinh nghiệm của tôi, vấn đề thực sự là cookie. Xóa bộ nhớ cache nhiều lần giữa các thử nghiệm của bạn và nó sẽ hoạt động. Mã của bạn có vẻ ổn. – Leonidas
Fb có một công cụ miễn phí để kiểm tra trang web của bạn. –