less than 1 minute read

/ddiary/assets/readable-4.png

적은 노력이었는데, twitter, facebook 공유가 들어가니 그럴듯하다. 많은 기능을 추가한 것처럼 느껴진다.

<a href="https://twitter.com/share"
    class="twitter-share-button"
    data-url=""
    data-via="ohyecloudy"
    data-size="large"
    data-hashtags="readable"
    data-lang="en">Tweet</a>
<script>...</script>

Tweet Button - Twitter을 참고했다. data-url 어트리뷰트에서 javascript:make_tweet_url 호출하면 되겠구나. 처음에 이렇게 생각했다. 하지만 웬걸. 호출하지 않는다. href와 다르게 커스텀 어트리뷰트라서 자바스크립트 호출이 안 됐다.

그렇담 DOM 조작으로 해결해야 한다. <a> 태그를 찾아서 data-url 어트리뷰트를 변경하자. 하지만 안 찾아진다. 왜지? 그렇다. 자바스크립트가 <a> 태그 어트리뷰트 값으로 <iframe> 태그를 만들기 때문이다. 그러면 <iframe> 태그 있는 src 어트리뷰트 값을 수정할까? 아니다. 일이 많다. 그냥 쓰지 말자. <a href> 사용해서 해결해보자.

<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fparse.com" target="_blank">
  Share on Facebook
</a>

twitter를 하니 facebook은 거저네. Share Dialog - Facebook을 참고했다.