그누보드 - 페이스북 공유 팁? > 그누보드5 팁자료실

페이스북 공유 팁? > 그누보드5 팁자료실

그누보드5 팁자료실

페이스북 공유 팁? 정보

페이스북 공유 팁?

본문

우선, 저는 기존의 그누보드에 있는 plugin/sns의 방법을 따르지 않았습니다.

저 sns을 제대로 사용해본적도 없네요;; 아무튼~

페이스북의 경우 https://developers.facebook.com/tools/debug/ 사이트를 통해서 해당 링크를 눌러주시게 되면은 어떤 문제가 있는지, 수집이 잘되는지 확인해줍니다.

저의 경우 인스타그램을 기준으로 비교하면서 진행하였습니다.

그누보드의 공통된 head.sub 때문에 메타태그 인식을 제대로 못합니다.

- 메타 태그의 경우 head 바로 밑에 오기 때문에 php, jquery 어떠한 방법으로 변경해도 적용이 제대로 되지 않습니다.

> 저의 경우 각 게시글 공유하는 페이지는 head.sub을 빼버리고 자체적으로 넣어줬습니다. 메타태그 모두 포함 메타태그 값에 <?php ~~~~ ?> 하여 값을 직접 넣어주었구요. 결론은 잘 나옵니다.


<meta property="fb:app_id" content="여긴 앱 아이디"/>
<meta property="og:title" content="<?php echo $view['content']; ?>"/>
<meta property="og:site_name" content="사이트 이름"/>
<meta property="og:url" content="<?php echo $website_url ?>"/> // 현재 사이트 주소
<meta property="ia:markup_url" content="<?php echo $website_url ?>">  // 현재 사이트 주소
<meta property="ia:rules_url" content="<?php echo $website_url ?>">  // 현재 사이트 주소
<meta property="og:image" content="<?php echo $og_url ?>"/>  // 이미지 주소
<meta property="og:image:alt" content="<?php echo $view['wr_name']; ?>"/>
<meta property="og:image:width" content="640"/>
<meta property="og:image:height" content="640"/>
<meta property="og:description" content="#<?php echo $view['tags'] ?>"/>
<meta property="og:locale" content="ko_kr"/>
<meta property="og:type" content="website"/>

위와 같이 넣어주었습니다. 결과는 아래 이미지 처럼 나옵니다.

JS로 구현할때 링크 구조 참고


// 페이스북 피드에 공유
// 앱 아이디 넣기
window.open("https://www.facebook.com/sharer/sharer.php?app_id=여기에 넣어주세요&u="+encodeURIComponent(사이트 주소));
 
// 앱 아이디 빼기
window.open("https://www.facebook.com/sharer/sharer.php?u="+encodeURIComponent(사이트 주소));
 
//앱 아이디는 아마도 수집? 때문에 그런걸꺼요.
 
// 페이스북 메신저 공유
window.open("https://www.facebook.com/dialog/send?app_id=앱아이디넣거나빼세요위처럼&link="+encodeURIComponent(사이트주소)+"&redirect_uri="+encodeURIComponent(왼쪽 사이트 주소랑 동일하게 사이트주소));
 
// 리다이렉트는 빼도 될껄요?

2084222019_1565896678.7393.png