2013-01-16 3 views
0

문제가 있습니다.동적 Facebook 메타 태그 (og : image, og : url)

페이스 북의 메타 태그에서 비슷한 버튼을 사용하여 콘텐츠 속성을 dinamically 변경하고 싶습니다. 다른 스레드에서 나는 페이지가로드 되 자마자 javascript 또는 jquery 속성으로 메타 태그를 변경할 수 없다는 것을 배웠습니다.

내 생각은 facebok을 iframe에 단추처럼 넣는 것입니다. 이 프레임에서 나는 자신의 메타 태그를 정의하고 싶다. 이 메타 태그는 iframe 콘텐츠를 조작하는 javascript를 통해 sendt되는 php $ _GET 변수로 조작되었습니다.

그러나이 작동하지 않습니다 ..

는 간단히 설명 : [index.php에]

<html> 
<head> 
    <title>RandomPage</title> 
</head> 
<body> 
    <iframe id="fb" src="fb.php"> 
    <iframe> 
    <input type="submit" onclick="changelikebutton();" /> 
    <script type="text/JavaScript"> 
    function changelikebutton(){ 
    document.getElementById('fb').src = 'fb.php?l=5'; 
    } 
    <script> 
</body> 
<html> 

[fb.php]

<html> 
<head> 
    <meta property="og:image" content="RandomPage.com/<?php echo $_GET['l']; ?>.jpg" > 
</head> 
<body> 
    <facebook script code und id > 
    <div id="code für fb like button"> 
</body> 
<html> 

그것은 원래의 코드은 아니지만 내 생각을 설명해야합니다

답변

1

당신은 올바른 길을 가고 있습니다. 버튼마다 고유 한 URL을 제공하기 만하면됩니다. URL은 동일한 도메인을 가질 수 있지만 고유하게 만들기 위해 일부 쿼리 매개 변수를 집어 넣을 수 있습니다.

<div class="fb-like" data-href="http://yourdomain.com/fb_meta.php?id=1" data-send="false" data-width="450" data-show-faces="true"></div> 

사용자가 좋아요를 클릭하면 버튼과 연결된 절대 URL에 대해 좋아요가 생성됩니다. 협회는 대개 페이스 북에서 이야기를 생성합니다. 친구가 해당 이야기를 클릭하기로 결정하면 관련 URL로 리디렉션됩니다. 그것이 메타 태그 페이지가 유용 할 곳입니다.

기본 HTML이 포함 된 fb_meta.php 페이지를 만들고 필요한 열린 그래프 태그를 놓습니다. 열린 그래프 태그에 대한 자세한 내용은 herehere입니다. 고유하게 만들기 위해 URL에 추가 한 쿼리 매개 변수 (id)를 사용하여 열려있는 그래프 태그의 콘텐츠를 동적으로 생성 할 수 있습니다.

간단히 말해서 $ _GET [ 'id']을 사용하여 ID를 추출한 다음 데이터베이스, 배열 또는 기타에서 메타 태그의 콘텐츠를 가져 오기 위해 호출 할 수 있습니다.

간단한 자바 스크립트 리디렉션을 기본 사이트로 다시 보내거나 좋아하는 버튼이있는 페이지를 놓아 사용자가 빈 페이지에 걸리지 않도록하는 것이 좋습니다. fb_meta.php 파일의 body 태그에 다음을 입력하십시오.

<script>window.location = 'http://yourdomain.com';</script> 
+0

답장을 보내 주셔서 감사합니다. 페이지의 Like 버튼 (iframe에 있음)을 klick하면 index.php 코드에서 메타 태그를 얻을 수 있습니다. 같은 버튼을 클릭 할 때 iframe에서 fb-meta 태그를 가져갈 수 있습니까? – Nussi

+0

... 이제 index.php 코드에 몇 가지 og : meta 태그를 추가했습니다. 그리고 지금 그것은 작동합니다! : D THX! – Nussi

0

src 속성을 변경하는 것만으로는 충분하지 않습니다. iframe 콘텐츠를 다시로드해야한다고 생각합니다. 여기에 대한 좋은 해결책은 다음과 같습니다. Dynamically change iframe's content

관련 문제