2014-07-06 2 views
2

내 웹 사이트에 Facebook Share 버튼이 통합되었습니다. 여기에 생성 할 수있는 하나맞춤 제목 및 메시지 등이 포함 된 Facebook 공유 버튼

https://developers.facebook.com/docs/plugins/share-button/

하지만 어떻게 내가 말할 수있는 무엇 제목, 메시지가 보여 어떤 URL로 리디렉션? 이제는 웹 페이지에서이 문제를 자동으로 해결하려고 "시도"합니다.

<title> 태그의 올바른 제목을 사용합니다. 그러나 메타 description 태그가 작동하지 않습니다. 또한 맞춤 URL 및 이미지를 설정하는 방법에 대한 실마리가 없습니다.

내가 지금 가지고있는 모든은 다음과 같습니다

body 열기 태그 아래에이 권리 :

<div id="fb-root"></div> 
<script>(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/nl_NL/sdk.js#xfbml=1&appId=19158xxxxxxxxx&version=v2.0"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

그리고이 제품 상세 페이지 : I 사용자 정의 할 수있는 방법

<div class="fb-share-button" data-type="button_count"></div> 

여기 다 있니?

답변

3

http://ogp.me에 따라 og:titleog:description 메타 태그를 지정해야합니다.

Facebook이 공유 정보를 위해 처음으로 긁는 태그입니다.

내가`추가하려고 또는 당신은 자바 스크립트 SDK를 사용할 수 있으며

+1

in the documentation 설명 된대로 수동 등 제목, URL, 설명을 지정 <메타 특성 = "OG : 제목"내용 = "바위"/> '그러나 그것은 팝업의 제목을 바꾸지 않았다. 'og : description'조차도 아무 것도 바뀌지 않았습니다. 왜 그런가? 두 태그는 웹 페이지 소스를 볼 때'head'에 있습니다. – Vivendi

+2

https://developers.facebook.com/tools/debug/에서 열린 그래프 디버거 사용 Facebook에서 데이터를 캐시하면이 도구는 해당 캐시를 지 웁니다. – Fisch