Addthis 플러그인 교체하다 - Addthis 업데이트 된 적용방식

오랜만에 addthis분석을 보려고 addthis.com에 접속했더니 사이트 레이아웃도 달라지고 제공하는 플러그인도 업데이트 되었더군요.

기존의 것도 유용하긴 하지만 커스텀이 어려웠고 페이지 로딩시간에 영향을 꽤 많이 주었습니다.

새로 업데이트 된 버전은 제가 느끼기에 다음과같은 변화가 생겼습니다.

• 더 가벼워졌다.
• 플러그인의 기능들이 각각 모듈화되었다.
• 모듈이 다양해졌다.
• 스크립트를 하나만 넣어도 된다.
• HTML수정이 필요없어서 적용하기 쉽다.
• HTML수정 없이 대시보드에서 커스텀을 할 수 있다.
• 주소 뒤에 #+특수문자들이 사라졌다

https://www.addthis.com/

적용 방법

로그인 후 DASHBOARD에서 Tool Gallery를 선택한 화면입니다.

각 모듈이 어떻게 동작하는지 시각적으로 쉽게 보여주고있습니다.

기존 Smart layer플러그인 기능은 Sharing sidebar,Mobile toolbar, What's next, Recommended Footer 등을 조합해서 사용하시면 됩니다.

1. 먼저 새로운 플러그인 적용을 위해 기존 Addthis플러그인은 모두 삭제해줍니다.
   
   
2. 원하는 모듈을 선택하고 Activate를 눌러 활성화 시킵니다.
   
   
3. Code는 한번만 삽입하면 됩니다. 복사해서 </body>위에 삽입합니다.
   자동으로 위치가 지정되어 따로 위치지정이 필요없는 모듈(사이드 공유버튼, What's next 등..)들은 한번 코드를 삽입하면
   Addthis 대시보드에서 플러그인 활성화만으로 블로그에 적용이 됩니다.
   
   
4. 위치지정이 필요한 모듈은 코드가 추가로 제공됩니다.
   윗쪽 칸의 코드를 HTML수정에서 모듈이 삽입될 위치에 붙여넣으면 됩니다.
   아래쪽 칸의 코드는 페이지 내에 1개만 있으면 됩니다. 첫번째 모듈을 적용할때 이미 삽입했으면 추가로 삽입할 필요는 없습니다.

.

적용 후 관리

적용 후에는 DASHBOARD를 통해 각종 통계분석자료를 열람할 수 있습니다.

추후에 모듈 설정을 바꿔도 HTML을 수정할 필요가 없습니다. DASHBOARD에서 설정한 내용이 자동으로 적용됩니다,