울어라휘파람새야

트위터, 페이스북 홈페이지 연동 본문

밥줄/JavaScript

트위터, 페이스북 홈페이지 연동

꼬꼬리코 2010. 11. 24. 11:09


홈페이지에 트위터,페이스북을 연동시키는 방법은 여러가지지만
가장 많이 쓰이는건 현재 페이지를 트위터나, 페이스북에 링크거는 용도인 것 같다. (지극히 개인적인 판단)

여러가지 방법으로 연동시킬 수 있었지만 가장 쉽고 편한놈으로 적용했다.
(페이스북의 경우 app 을 등록해서 연동정보를 따로 조절할수도 있었으나, 일정 기간이 지난 후  알수없는 이유로 자꾸 오류가 발생해 포기했다.)

function tw_click() {

u=location.href;
t="Wall Street Institute - KOREA";//document.title;

//window.open("http://twitter.com/home?status="+encodeURIComponent(t)+" > "+encodeURIComponent(u),"sharer","height: 650, width: 1024, scrollbars=yes");
window.open("http://twitter.com/home?status="+encodeURIComponent(u),"sharer","height: 650, width: 1024, scrollbars=yes");
return false;
}
//--- > 2012. 01. 25. 수정, 원인: 기존에 잘 적용 되는 것이 오류가 발생.  

function fs_click() {
 u=location.href;
 t=document.title;
 window.open("http://www.facebook.com/sharer.php?u="+encodeURIComponent(u)+"&t="+encodeURIComponent(t),"sharer","toolbar=0,status=0,width=626,height=436");
 return false;
}


페이스북의 경우 상단에 메타태그를 통해 페이스북팝업창 내용을 변경할 수 있다.

<meta name="title" content="제목입니다." />  
<meta name="description" content="Check out WallStreet Institute Social Club Picture!" />
<meta name="keywords" content="월스트리트인스티튜트, 월스트리트, 영어회화, WSI, 영어학원, 영어공부" />

아래는 대표 이미지 등록(비 등록 시 적정 크기의 이미지를 FB에서 조사해서 땡겨간다.)
<link rel="image_src" href="../images/customer/EngTipTitleImg.jpg" /> <!-- 페이스북 좋아요 대표 이미지 -->

이 방법으로 Share(공유하기)는 잘 적용시켰지만 Like(좋아요)의 경우는 뭔가 의도하지 않게 적용됐다.
메타태그 정보나 이미지가 재등록되지 않고 특정 이미지 하나만 계속 당겨(등록)지는 증상이라고 해야할까...
아무튼 이 부분은 계속 원인을 찾는 중이다. 

app을 통한 제어는 사진이나 기타 다른 부분까지 제어가 가능했지만 이 방법으론 이 정도까지 밖에 제어를 하지 못했다.
(오류만 아니면 그게 훨씬 나았는데..;;)



Comments