페이스북에 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 |
---|---|---|---|---|---|
60 | System/OS |
[mac] OS X 엘 캐피탄에서 Soudflower 사용하기
2 ![]() |
hooni | 2016.10.03 | 1187 |
59 | System/OS |
[mac] Mac에서 Mac으로 원격제어하기 (맥에서 맥으로)
![]() |
hooni | 2013.10.08 | 37265 |
58 | System/OS |
[mac] Mac OS에서 재생되는 사운드를 녹음하는 방법
![]() |
hooni | 2016.10.03 | 1749 |
57 | System/OS | [linux] 특정 문자열 포함된 파일 찾는 명령어 | hooni | 2013.10.16 | 30729 |
56 | System/OS |
[linux] 초간단 Postfix, Covecot, SSL/TLS (SMTP)
![]() |
hooni | 2017.12.11 | 9528 |
55 | System/OS | [linux] 리눅스,유닉스 /proc/stat 파일 보는 법 | hooni | 2013.04.23 | 18032 |
54 | System/OS | [linux] 리눅스, 유닉스 CPU 이용률 확인.. | hooni | 2013.04.23 | 23863 |
53 | System/OS | [linux] 리눅스 파일시스템과 디렉토리 설명 | hooni | 2013.04.23 | 26943 |
52 | Develop |
[lego] 세그웨이 이것만 볼것.. ㅎㅎ
![]() |
hooni | 2013.04.23 | 33591 |
51 | Develop | [js] 웹페이지에서 특정 엘리먼트 드래그, 복사, 컨텍스트메뉴, 키보드 막기 | hooni | 2013.11.04 | 30139 |
50 | Develop |
[json] 종결자 (설명과 웹, C/C++/C# 프로그램 샘플 코드)
![]() |
hooni | 2013.04.23 | 72047 |
49 | Develop | [java] 입출력 스트림 3부 (오브젝트) | hooni | 2013.04.23 | 17184 |