페이스북에 URL을 공유할 경우 페이스북은 해당 URL에 대한 OpenGraph 정보들을 캐싱한다.
메타 정보가 수시로 바뀌는 컨텐츠의 경우 Facebook의 URL 공유시 잘못된 정보가 매핑될 수 있다.
(이전에 캐싱됐던 내용이 적용되는 것)
이를 갱신하기 위한 방법이 여러 가지가 있다.
1. Facebook for Developers (개발자도구) 사이트를 이용하여 요청
Facebook의 개발자 사이트에서 OG 캐시의 동작을 확인하고 갱신하는 웹페이지를 제공한다.
다음 URL을 이용해 확인할 수 있다.
-> https://developers.facebook.com/tools/debug/
2. Facebook API 이용
Facebook에서 OG 캐시를 갱신할 수 있는 HTTP 기반의 API를 제공하고 있다.
다양한 플랫폼과 프로그래밍 언어를 통해 이 API를 호출하여 갱신할 수 있다.
# PHP + Curl (Web, Server-side)
$url = 'https://graph.facebook.com'; $ch = curl_init(); curl_setopt( $ch, CURLOPT_URL, $url ); curl_setopt( $ch, CURLOPT_RETURNTRANSFER, true ); curl_setopt( $ch, CURLOPT_POST, true ); $params = array( 'id' => 'http://www.picomax.net/', 'scrape' => true ); $data = http_build_query($params); curl_setopt($ch,CURLOPT_POSTFIELDS,$data); curl_exec( $ch ); $httpCode = curl_getinfo( $ch, CURLINFO_HTTP_CODE );
# Javascript (Web, Front-end)
// with jQuery $.post( 'https://graph.facebook.com', { id: 'http://www.picomax.net/', scrape: true }, function(response){ console.log(response); } );
# Vanilla Javascript (Web, Front-end)
//Check if facebook_refresh query string is present if(window.location.search.indexOf("facebook_refresh") >= 0) { //Feature check browsers for support if(document.addEventListener && window.XMLHttpRequest && document.querySelector) { //DOM is ready document.addEventListener("DOMContentLoaded", function() { var httpRequest = new XMLHttpRequest(); httpRequest.open("POST", "https://graph.facebook.com", true); httpRequest.onreadystatechange = function () { if (httpRequest.readyState == 4) { console.log("httpRequest.responseText", httpRequest.responseText); } }; //Default URL to send to Facebook var url = window.location; //og:url element var og_url = document.querySelector("meta[property='og:url']"); //Check if og:url element is present on page if(og_url != null) { //Get the content attribute value of og:url var og_url_value = og_url.getAttribute("content"); //If og:url content attribute isn't empty if(og_url_value != "") { url = og_url_value; } else { console.warn('<meta property="og:url" content=""> is empty. Falling back to window.location'); } } else { console.warn('<meta property="og:url" content=""> is missing. Falling back to window.location'); } //Send AJAX httpRequest.send("scrape=true&id=" + encodeURIComponent(url)); }); } else { console.warn("Your browser doesn't support one of the following: document.addEventListener && window.XMLHttpRequest && document.querySelector"); } }
# Objective-C (iOS)
- (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. NSString *targetId = @"http://www.picomax.net"; //[self updateFacebookCache:targetId]; } - (void)updateFacebookCache:(NSString *)targetId { NSString *url = @"https://graph.facebook.com"; NSMutableDictionary *params = [[NSMutableDictionary alloc] init]; [params setObject:targetId forKey:@"id"]; [params setObject:@"true" forKey:@"scrape"]; AFHTTPSessionManager *manager = [[AFHTTPSessionManager alloc] initWithSessionConfiguration:[NSURLSessionConfiguration defaultSessionConfiguration]]; manager.requestSerializer = [AFJSONRequestSerializer serializer]; [manager.requestSerializer setValue:@"application/json" forHTTPHeaderField:@"Content-Type"]; [manager POST:url parameters:params progress:nil success:^(NSURLSessionDataTask * _Nonnull task, id _Nullable responseObject) { NSLog(@"success!"); } failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) { NSLog(@"error: %@", error); }]; }
No. | Category | Subject | Author | Date | Views |
---|---|---|---|---|---|
421 | Develop |
[php] gd 프로그램.. htm 파일.. ㅋㅋ
![]() |
hooni | 2013.04.23 | 7468 |
420 | Develop |
[js] 비만 지수 측정(BMI) ㅎㅎ
![]() |
hooni | 2013.04.23 | 7640 |
419 | Develop |
[c] 서비스 거부 공격(DoS;Denial of Service) 간단 소스.. ㅋㅋ
![]() |
hooni | 2013.04.23 | 6741 |
418 | Develop |
[c++] 자료구조(링크리스트,스택,큐)와 후위 표기 계산기 샘플 ㅋㅋ
4 ![]() |
hooni | 2013.04.23 | 12358 |
417 | Develop | [js] 큐 형식으로 배열사용.. ㅋㅋ | hooni | 2013.04.23 | 7053 |
416 | Develop |
[js] 자바스크립트와 정규표현식 메뉴얼 (chm 형식)
![]() |
hooni | 2013.04.23 | 7646 |
415 | Develop |
[c++] mfc로 만든 사용자 계정 리스트 출력(EnumUser) 프로그램 예제
![]() |
hooni | 2013.04.23 | 7324 |
414 | Develop | [js] 자바스크립트 메뉴얼 사이트.. ㅋㅋ | hooni | 2013.04.23 | 7436 |
413 | Develop | [js] ajax를 이용해 외부문서 불러오기.. | hooni | 2013.04.23 | 6814 |
412 | Develop | [c] 문자열 뒤집기 초간단 샘플 코드 ㅎㅎ | hooni | 2013.04.23 | 7136 |
411 | Develop |
[c++] mfc로 만든 월플렉스 멀티 수납 시스템(2D기반 설계)
![]() |
hooni | 2013.04.23 | 7429 |
410 | Develop |
[c++] mfc로 만든 인테리어 수납 시스템(2D기반 설계)
![]() |
hooni | 2013.04.23 | 7278 |