Facebook 오픈 그래프 메타 태그를 동적으로 생성

동적 오픈 그래프 메타 태그를 생성하는 것은 어려운 작업일 수 있습니다. 이 스레드에서는 개발자가 이 기능을 구현하려고 시도하는 동안 문제가 발생합니다.

동적 URL 매개변수

동적 오픈 그래프 메타 태그의 핵심은 다음과 같은 URL을 생성하는 데 있습니다. 매개변수를 포함합니다. 이를 통해 서버는 메타 태그에 사용할 데이터를 결정할 수 있습니다. 제공된 예제 코드에서 PHP 스크립트는 매개변수를 구문 분석하고 필요한 메타 태그를 생성하는 데 사용됩니다.

예를 들어 다음 URL은 유형, 로케일, 제목, 이미지 및 설명 매개변수를 지정할 수 있습니다. 동적으로:

http://mysite.com/index.php?type=restaurant&locale=de_DE&title=stalone&image=arnold&description=hi

메타 태그 구조

메타 태그 자체는 특정 속성 및 네임스페이스를 준수해야 합니다. 제공된 코드에서 다음 메타 태그는 동적으로 생성됨:

• og:사이트_이름
• og:url
• og:유형
• og:로케일
• og:제목
• og:이미지
• og:설명

og:url 메타 태그는 Facebook 디버거가 방문해야 하는 최종 URL을 지정하므로 특히 중요합니다.

게시 작업

동적 메타 태그가 배치되면 사용자의 스트림에 작업을 게시하는 것이 가능해졌습니다. 제공된 코드 조각은 사용자 정의 매개변수를 사용하여 "have_lunch" 작업을 게시하는 방법을 보여줍니다.

FB.api('me/MY_APP_NAMESPACE:have_lunch?\
    start_time=2000-12-12T04:00:00&\
    expires_in=7200&\
    restaurant='   encodeURIComponent(getRedirectURI()   '?type=restaurant'   '&description=arnold'   '&title=stalone'), 'post', function (response) {
        // Handle response
    });

메타 태그와 매개변수를 동적으로 생성함으로써 특정 페이지 콘텐츠나 사용자 작업에 맞는 맞춤형 오픈 그래프 경험을 생성할 수 있습니다.