티스토리에 연락처 추가하기, Mailto 태그 사용 방법

새해 첫날이네요. 새해 복 많이 받으시기 바랍니다.

새해 좋은 계획 많이 세우셨나요? 저도 여러 가지 목표를 세웠고 그중에서 이 티스토리 블로그 관련해서는 아래 3가지 목표를 세웠습니다.

1) 누적 포스팅 수 : 600개

2) 누적 방문자 수 : 50만

3) 수익화 연구 & 시작

참, 이렇게 새해 목표를 세울 때는 제가 오래전에 포스팅해드린 무료 마인드맵 사이트인 Gitmind를 활용하시면 편리합니다.

기본적으로 로직 트리 (Logic Tree) 기법으로 아이디어를 정리할 수 있고 MECE (Mutually Exclusive Collectively Exhaustive : 상호 간에 중복되지 않고 전체적으로 누락이 없음) 관점으로 생각을 기록할 수 있어서 효과적이고 효율적이기 때문입니다.

★ Gitmind 사용법 : 아래 링크 참조하세요.

2020/04/29 - 무료 마인드맵 프로그램 : 깃마인드(Gitmind)

올해 목표 가운데 블로그 수익화 관련하여 생각을 하다 보니까 우선 제 블로그에 연락처가 없다는 것이 눈에 띄었습니다. 그래서 이메일 주소를 추가하기로 했습니다.

혹시 체험단, 광고 관련해서 연락이 올 수도 있는 일인데 연락처가 없으면 좋은 기회를 놓칠 수 있기 때문입니다 ^^.

블로그 상단에 SNS 아이콘을 추가하면서 이메일 아이콘도 넣어서 메일 주소를 링크시키는 방법도 있지만, 그냥 간단히 최상단의 "About" 카테고리를 "연락처 & About"으로 이름을 바꾸고 여기에 페이지를 하나 넣기로 했습니다.

Mailto 태그 사용방법

해당 텍스트를 클릭했을 때 바로 사용 브라우저에서 설정되어 있는 메일 도구가 열리면서 제 메일 계정이 수신자로 설정되게 하는 HTML 태그는 "mailto:"입니다.

기본 사용법은 아래와 같습니다.

여기에 몇 가지 옵션을 추가하면 좀 더 활용도를 높일 수 있습니다.

1) 참조 메일 주소 넣기

기록한 기본 메일 주소 외에 참조 메일 주소를 넣어서 혹시 기본 메일 박스를 열어 보지 않더라도 메일을 놓치는 일을 줄일 수 있습니다.

저는 회사 메일, 지메일(Gmail), 네이버 메일의 3가지 메일을 사용하고 있는데, 네이버 메일 주소를 기본으로 넣고 지메일 주소를 참조로 넣었습니다.

이렇게 하기 위해서는 메일 주소에 ?cc=참조 메일 주소를 넣어서 아래와 같이 해 주면 됩니다.

2) 메일 제목 넣기

제 블로그에서 오는 메일들에 일관성을 주기 위해서 메일 제목을 넣어 주는 것이 좋을 것 같아서 제목을 "블로그 관련 문의드립니다."로 넣어주기로 했습니다.

이렇게 하기 위해서는 메일 주소 다음에 &subject=를 넣어 주면 됩니다.

실제 작성할 때는 굳이 HTML 편집을 할 필요 없이 에디터의 기본 모드에서 "링크 삽입/수정"을 눌러서 위의 내용을 넣어 주면 됩니다.

여기서 "텍스트" 부분에는 메일 주소를 직접 써 주었습니다. 혹시 문의하시려는 분의 브라우저에 문제가 생겨 제대로 동작하지 않는 경우에 직접 이메일 주소를 보고 입력할 수 있도록 하기 위함입니다.

이제,,,,누군가가 제 블로그를 방문하여 연락처에 표시된 이메일 주소를 클릭하게 되면, 그분의 PC에 설정되어 있는 기본 메일 도구가 열리면서 아래와 같이 메일 주소 및 메일 제목이 자동으로 표시가 됩니다. (저의 경우에는 크롬에 지메일이 기본으로 설치되어 있어서 지메일이 열렸음)