페이스북에 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 |
---|---|---|---|---|---|
781 | Develop | [swift] 실행시간 측정하기 | hooni | 2021.09.14 | 862 |
780 | Develop | [swift] UIView에서 subview 찾기 | hooni | 2022.12.09 | 2123 |
779 | Develop |
[swift] popToRoot 모달뷰, 네비게이션컨트롤러 한꺼번에 닫기
![]() |
hooni | 2021.01.29 | 1608 |
778 | Develop |
[swift] NotificationCenter 간단 예제
![]() |
hooni | 2021.01.27 | 8353 |
777 | Develop | [spring] 스프링 IoC/DI | hooni | 2013.04.23 | 11413 |
776 | Develop | [sh] 쉘스크립트 if 비교 연산 | hooni | 2020.05.26 | 61080 |
775 | Develop |
[sh] html 안에 있는 img 다운 받는 쉘 스크립트
![]() |
hooni | 2020.05.26 | 767 |
774 | Develop | [python][django] request.cookie 읽어오기 ㅋㅋㅋ (쓰기) | hooni | 2019.12.06 | 1847 |
773 | Develop | [python] 파이썬 공부하는 사이트~ | hooni | 2013.11.12 | 10898 |
772 | Develop | [python] 파라미터 앞에 *, ** 의 의미? (*args, **kwargs) | hooni | 2019.11.22 | 1708 |
771 | Develop |
[python] 애니팡, 캔디팡 매크로
![]() |
hooni | 2013.09.06 | 18149 |
770 | Develop |
[python] DJI Tello 드론 코딩 (프로그래밍)
58 ![]() |
hooni | 2018.03.04 | 28805 |