Addthis

KHW·2021년 3월 3일

다양한사이트

다양한 사이트

목록 보기

3/9

추가 웹 위젯을 사용하여 웹 사이트에 통합 할 수있는 소셜 북 마킹 서비스
(간단히 다양한 서비스에 공유버튼을 사용할 수 있는 것)

사용법

해당 사이트에서 위와 같은 내용이 나오면 Share Buttons를 눌러준다.

다양한 type이 존재하는데 Inline을 쓴다 가정하자

inline을 누른후 파란 continue버튼을 누르면 다음과 같이 나타나는데
원하는대로 하는 Selected by You와 알아서 선택해주는 Smart Sorting by AddThis가 존재한다.

그 외에도 해당 버튼을 둥글게 만들고 배경색과 글자색을 바꾸어줄수도있다. (거의 둥글고 배경과 글자는 따로 안바꾸는게 일상적이다.)

activate tool 버튼을 누르면 위와 같이 나타나는데 이때 해야할 일은 2가지이다.

Script Copy

Script를 body끝부분 바로위에 Copy해준다.

Inline Copy

해당 광고가 담길 부분을 붙여준다.

결과

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
</head>
<body>
    <h1 class="mt-5 text-center" >난 중앙에 배치되고 싶어</h1>

                <!-- Go to www.addthis.com/dashboard to customize your tools -->
                <div class="addthis_inline_share_toolbox_1n4s"></div>
            
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-603edaeaa1b08493"></script>

</body>
</html>