트위터 트윗 창 띄우고, 이벤트 캐치하기
PROGRAMMING/HTML+JAVASCRIPT 2012/02/26 17:27
트위터 창을 띄우는 데는 여러가지 방법이 있다. 그 중에서 Twitter intent를 사용해서 팝업창으로 띄울 수도 있다.
이렇게 창을 띄우면 실제 유저가 트윗을 했는지 안했는지도 알 수 있다.
참고 링크
위의 링크에서 보면 http://twitter.com/intent/tweet 페이지를 부를 때 전달할 수 있는 파라미터를 확인할 수 있다.
예제 소스
위 소스는 사용자가 링크를 눌러서 아래와 같으 트윗창을 띄우고, 그 창에서 트윗을 했다면 alert 창을 띄워준다. (그냥 창을 닫으면 아무 액션도 일어나지 않는다.)
중요한 것은 <a> 태그를 사용해서 새 창을 띄워야 한다. <a> 태그에 onclick을 사용하면 이벤트를 캐치하지 못한다.
무조건 href 속성으로 주어야 이벤트를 캐치할 수 있다.
추가적으로 아래 소스를 추가하면 클릭 이벤트를 캐치할 수 있다.
그런데 이전에는 아래와 같이 이벤트 캐치를 하면 트윗된 글의 아이디를 포함한 정보들이 콜백함수로 리턴이 되어서 돌아왔는데, 지금 해보니까 값을 못가져온다.
(위에 소스에서 reponse 객체에 해당하며, response.data에 값이 있었는데 테스트 해보니 null 값이 찍힌다. ㅠ)
아래는 이와 관련하여 찾아본 글이다. 왜 안될까?ㅠㅠ
이렇게 창을 띄우면 실제 유저가 트윗을 했는지 안했는지도 알 수 있다.
참고 링크
위의 링크에서 보면 http://twitter.com/intent/tweet 페이지를 부를 때 전달할 수 있는 파라미터를 확인할 수 있다.
예제 소스
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
<script type="text/javascript">
function tweet(response) {
alert('TWEET SUCCESS');
console.log(response);
}
twttr.events.bind('tweet',tweet);
</script>
</head>
<body>
<a href="http://twitter.com/intent/tweet?text=test good luck" target="_blank">twitter</a>
</body>
</html>
위 소스는 사용자가 링크를 눌러서 아래와 같으 트윗창을 띄우고, 그 창에서 트윗을 했다면 alert 창을 띄워준다. (그냥 창을 닫으면 아무 액션도 일어나지 않는다.)
중요한 것은 <a> 태그를 사용해서 새 창을 띄워야 한다. <a> 태그에 onclick을 사용하면 이벤트를 캐치하지 못한다.
무조건 href 속성으로 주어야 이벤트를 캐치할 수 있다.
추가적으로 아래 소스를 추가하면 클릭 이벤트를 캐치할 수 있다.
function click(response){
console.log(response);
}
twttr.events.bind('click',click);
그런데 이전에는 아래와 같이 이벤트 캐치를 하면 트윗된 글의 아이디를 포함한 정보들이 콜백함수로 리턴이 되어서 돌아왔는데, 지금 해보니까 값을 못가져온다.
twttr.events.bind('tweet',function(response){});
(위에 소스에서 reponse 객체에 해당하며, response.data에 값이 있었는데 테스트 해보니 null 값이 찍힌다. ㅠ)
아래는 이와 관련하여 찾아본 글이다. 왜 안될까?ㅠㅠ
Prev
