1 페이지에 여러 페이 스북을 추가하는 방법은 무엇입니까?

나는이 질문이 이전에 물었다는 것을 알고 있지만 내 상황이 약간 다르다고 느낀다.1 페이지에 여러 페이 스북을 추가하는 방법은 무엇입니까?

나는 기본적으로 사이트를 "좋아한다"는 모든 페이지의 글로벌 버튼과 같은 사이트를 가지고 있습니다. 이제는 사진이있는 페이지가 있으며 각 페이지를 클릭하면 fancybox에 나타납니다.

다음은 페이지에있는 html입니다. 이러한 각 이미지는 클릭시 fancybox에 해당 제목을 표시합니다. 내가 원하는 무엇

<a href="/image1.jpg" class="zoom img"> 
    <img src="/image1.jpg" width="150" height="100" /> 
</a>  

<a href="/image2.jpg" class="zoom img"> 
    <img src="/image2.jpg" width="150" height="100" /> 
</a>  

<a href="/image3.jpg" class="zoom img"> 
    <img src="/image3.jpg" width="150" height="100" /> 
</a>      


<div id="fancyboxTitles" style="display: none"> 

    <div>title1</div>            
    <div>title2</div> 
    <div>title3</div> 

</div>

누군가가 "좋아요", 특정 이미지가 페이스 북에 표시됩니다 클릭 때문에 특정 이미지에 대한 공상 각 상자에 같은 버튼이 있습니다.

현재 내 글로벌 버튼과 같은 메타 태그로 iframe 메소드를 사용하고 있습니다.

출처

2012-02-24 Catfish

[고유 한 이미지에 링크 된 "공유"버튼이있는 [Fancybox]의 가능한 복제본] (http://facebook.stackoverflow.com/questions/9252899/fancybox-with-share-buttons-linked-to-unique-image) – DMCS

다른 질문 (http://facebook.stackoverflow.com/questions/9252899/fancybox-with-share-buttons-linked-to-unique-image)에 대한 내 대답은 계속 적용됩니다.

올바른 http://ogp.me og : meta 태그를 사용하여 Facebook의 linter에서 구문 분석 할 고유 URL을 기반으로하는 메커니즘이 필요합니다.

linter는 javascript를 실행하지 않으므로 응답 스트림에서 올바르게 정의해야합니다. 그것의 자신의 URL을 가지고 각 이미지의

편집

예. 페이스 북에서 올바른 html과 og : 태그를 얻을 수 있습니다.

http://example.com/images.php?id=1 
http://example.com/images.php?id=2 
http://example.com/images.php?id=3

각 고유 URL의 HTML 응답에는 올바른 og : 태그가 지정됩니다. 해당 HTML 내에서 그림을 표시하려면 실제 페이지로 자바 스크립트를 리디렉션해야합니다. javascript가 linter에 의해 실행되지 않기 때문에, linter는 그 og : 태그를 읽을 수 있어야합니다.

og 태그를 지정하는 방법은 http://ogp.me을 참조하십시오.

출처

2012-02-24 15:27:10 DMCS

1 페이지에 여러 페이 스북을 추가하는 방법은 무엇입니까?

답변

관련 문제