2017-02-09 12 views
1

나는, CMS작업을 내가 기본 메타 주변에 엉망으로 관리 할 수 ​​없습니다 내가 addthis주 버튼을 추가 한페이스 북 공유 버튼 OG : 이미지

값. 는 I가 변경되지 않습니다 페이스 북 공유 버튼, 필요에 따라 제목가 변경 하지만 이미지 클릭 할 때

$(document).ready(function(e) { 
$('meta[property="og:title"]').remove(); 
$('head').append('<meta property="og:title" content="<?=$title?>">'); 
$('meta[property="og:image"]').remove(); 
$('head').append('<meta property="og:image" content="<?=$image?>">'); 
}); 

을 다음과 같은 메타 값을 변경 JQuery와을 사용했습니다.

는 어떻게 내가 OG 할당 할 수 있습니다, 그냥 한 번 페이지가로드 이후 이미지 값

답변

3

작업을 할 수 있습니다 : 한 번에 이미지 URL을 ...하지만 난 정말 자신의 각각의 사진을 가지고 싶습니다 OG : IMAGE, 사진 앨범입니다.

변경 OG 메타 태그 클라이언트 측이 실제 사용의 - 그것은 그들이 당신의 URL에 대한 HTTP 요청을하고 HTML 코드에 무엇이 있는지 의미 스크레이퍼,의를 통해 페이스 북이 해당 태그를 읽을 수 있기 때문에, 스크래퍼는 자바 스크립트를 실행하지 않습니다.

해결책 : 각 사진에 대한 개별 URL을 고유 한 메타 정보와 함께 제공하고 각 사진에 대해 해당 URL에서 FB 기능이 같은 버튼/공유 기능/모든 것을 갖도록하십시오.

(당신이 클라이언트 측 문제가되지 않는 일을 처리하는 방법 - 당신은 여전히 ​​한 페이지에 모든 사진을 표시 할 수 있습니다 당신이 원하는대로 AJAX를 통해 새로운 콘텐츠를로드 -하지만 당신은 사진에 대해 별도의 URL을해야합니다 개별 Open Graph 개체로 인식 될 수 있습니다.)

+0

고맙지 만 어떻게 "제목"이 변경되고 "이미지"는 영향을받지 않습니까? – almoujtahed

+0

사실 귀하의 URL이로드되는 순간 : 이미지가 DOM에로드되어 그만한 이유가 있습니다. –

+0

크리스털 클리어 감사합니다. – almoujtahed