애드디스닷컴으로 메일 내용을 소셜서비스에 내보내기 하는 방법 , 페이스북, 트위터 등등

애드디스닷컴으로 메일 내용을 소셜서비스에 내보내기 하는 방법 , 페이스북, 트위터 등등

준비물

• https://www.addthis.com  계정 또는 구글 계정으로 바로 가입 가능, 무료입니다.

저기 붉은 부분을 클릭합니다.

회원가입하거나 로그인을 합니다.

우측 상단의 켑더코드를 클릭합니다.   초기 로그인하면 코드 선택하는게 나올텐데 인라인이나 적당한 것을 선택하면 됩니다.

저는 만든게 있어서...

툴즈 부분을 클릭해서 기존 생성한 코드를 확인해보았습니다.

기본 생성한 코드가 인라인 방식이구,,,  소스 코드를 볼수 있고....  설정을 변경도 할 수 있다는 것을 확인 할 수 있습니다.

세팅으로 설정 변경 버튼을 눌러보았습니다.

소셜서비스와 피씨와 모바일에서 어떻게 보여지게 할것인지도 확인 할 수 있습니다.  업데이트 툴해보겠습니다.

다시 이 화면으로 이동하게 됩니다.  겟더코드를 클릭합니다.

1번째 단계 : 이 소스를 일단 복사해라.

2단계 : 복사한 소스를 바디 태그 바로 위에 붙혀넣기 해라. 

이 태그 사이에 넣으라는 의미입니다.

3단계 : 이 소스를 복사해서 소셜공유 버튼이 보여지길 원하는 위치에 붙혀넣기 해라. ( 마음에 드는 정확한 위치를 찾기는 초보자라면 어려울 수 있습니다. 그러니 적당한 곳으로 계속 붙혀넣기하여 위치를 찾아야 합니다.)

뉴스레터 메일내용에 적당히 삽입해본 모습니다.  

'뉴스레터 2017-11' 이란 글자 바로 뒤에 위치하고 싶어서 먼저 '뉴스레터' 뒤에 3단계 소스를 넣어서 어떻게 보여지는지 확인을 해본 모습니다. 

'뉴스레터 2017-11' 뒤로 소스를 옮기고 이미지가 너무 크니 애드디스에서 이미지를 줄이고 새로고침하여 맘에 들게 줄었는지 확인하여 활용하면 되겠습니다.

#소셜공유버튼 #페이스북공유 #메일공유 #공유버튼