정보마니아

티스토리 본문에 애드센스 링크광고 넣는 방법에 대해 간단히 알려드릴까 해요. 

저는 티스토리로 소소한 글을 올리면서 애드센스를 달고 용돈벌이를 하고 있습니다.

지금이야 워낙 수익이랄 것도 없지만 그래도 좋아하는 글을 쓰면서 간단히 문화생활 할 수 있는 정도의 수익이 난다면 일석이조일 것 같아서 열심히 해보려고 합니다.

그래서 오늘은 애드센스 광고 중에서 링크광고를 티스토리 본문에 삽입하는 방법에 대해서 알아볼까 해요.

저는 사실 티스토리에서 제공하는 플러그인을 활용해서 광고 삽입하는 방법만 알고 있었는데, 다른 블로거들은 본문 중간에도 광고를 넣으시더라구요.

저도 한번 따라서 링크광고를 넣어볼까 공부해 봤습니다.

먼저 링크광고를 잘 모르신다면 알려드리자면, 아래와 같이 텍스트와 링크로만 이루어진 가로로 긴 광고들을 말해요.

티스토리 본문에 애드센스 링크광고 넣는 방법은 생각보다 간단합니다.

먼저 애드센스에서 링크광고를 생성하는 방법과 다음, 티스토리 본문에 광고를 삽입하는 방법 2가지 부분으로 나눠서 설명해 보겠습니다.

먼저 애드센스 계정에 접속합니다. (https://www.google.com/adsense)

로그인을 하시면 홈 화면이 나타날 거에요.

그럼, 좌측 메뉴 중에서 내 광고를 클릭합니다.

내 광고 메뉴에 들어가시면 현재 생성된 광고 리스트들이 뜨겠지요? 

아직 광고를 생성하지 않으셨으면 공란이겠구요.

페이지에서 새 광고단위 라는 버튼을 클릭합니다. 애드센드 광고를 신규로 생성하는 버튼이에요.

그럼 다음과 같이 어떤 광고타입을 생성할지 묻는 페이지가 나옵니다.

일반적인 티스토리에서 많이 보여지는 사각 이미지광고나 링크광고를 만드시려면 제일 왼쪽의 텍스트 및 디스플레이 광고 영역을 클릭해 주세요. 

다음은 아래와 같이 텍스트/디스플레이 광고 타입을 설정하는 화면으로 바뀌는데요.

상단에서 광고 크기라는 섹션의 버튼을 클릭하면 제일 마지막 크기로 링크광고라고 보이실 거에요.

처음엔 저는 링크광고가 어디있는지 자체를 못찾아서 헤맸는데, 광고크기를 클릭하면 나오니까 헷갈리지 이제 금방 찾으실 수 있을 거에요.

링크광고로 선택해주면, 이제 링크 광고의 세부설정을 세팅하는 화면으로 바뀌는데요.

모바일에서의 접속이 점차 증가하므로, 저는 웹환경과 모바일 환경별로 각각 최적화해서 보여주는 반응형 링크로 선택합니다.

기본적으로 반응형 링크가 디폴트 옵션이니 꼭 바꾸실 분이 아니시면 크게 변경하실 일은 없으실 거에요.

다음은 광고의 비주얼적인 디자인을 선택하는 영역입니다.

역시 디폴트 옵션으로 선택합니다.

누구나 느끼시겠지만 내가 블로그나 뉴스 등의 콘텐츠를 소비하는 과정에서 광고가 뜨면 달갑지 않잖아요.

따라서 최대한 콘텐츠 내에서 튀지 않는 광고 디자인이 가장 좋은 것 같다는 생각입니다.

이제 막바지 단계에 왔네요.

제일 상단에 광고의 이름을 설정해 주세요. 저는 아직 특별히 구별하지 않아도 되어서 링크광고라고 표기했습니다.

그리고,가장 하단의 저장 및 코드생성 버튼을 눌러주시면 끝납니다.

이렇게 그대로 하셨으면 아래와 같이 광고코드가 생성되어 팝업형태로 나타날거에요.

그럼 이 코드를 그대로 드래그 해서 복사하여 활용하시면 됩니다.

광고 코드는 메모장 같은 파일에 넣어두시거나 티스토리 서식으로 저장해 두시면 편하실거에요.

이제 애드센스에서 링크광고를 생성하는 방법은 쉽게 이해하셨죠? 

이제는 생성된 애드센스 링크광고 코드를 티스토리 본문에 삽입하는 방법을 알려드릴게요.

이 부분도 크게 어려운 일이 아니니 금방 하실 수 있을 거에요. 저는 좀 헤맸지만요. ㅋㅋ

링크광고를 본문에 넣는 방법의 경우 현재 티스토리에서 제공하는 애드센스 연동 플러그인은 애드센스 광고를 우측 상단과 하단에만 넣을 수 있게 되어 있어서 만일 본문에 삽입하시려면 직접 HTML 편집을 하셔야 합니다.

HTML 편집이라고 어려운 것은 절대 아니니 걱정 안하셔도 됩니다.

먼저 블로그 글을 쓰시구요. 

내가 링크광고를 삽입하고 싶은 자리를 정합니다.

저 같은 경우는 얼마전에 포스팅한 이불밖은 위험해 예능의 강다니엘 매력에 대학 포스팅 글 중간에 넣어볼게요.

먼저 해당 글의 편집 모드로 들어가세요.

HTML 버튼이 보이시지요? 해당 버튼을 클릭하면 내가 쓴 포스팅이 이제 프로그램이 이해하는 언어로 바뀝니다.

HTML은 한마디로 일종의 컴퓨터 더 정확하게는 네트워크 프로그램에게 어떻게 비주얼적으로 보여주라고 하는지 명령하는 언어에요.

잠깐, 이 때 중요한 점은 HTML 언어를 잘 모르는 경우 위치를 찾는 데 오래 걸릴 수 있으니까,  광고를 넣을 자리 바로 앞의 문구를 알아 두셔야 합니다.

" 요즘 워낙 강다니엘이 핫하니 본방으로 이어질 것 같네요" 로 되어 있네요.

이제, 확인해 두고 HTML을 클릭하면, 아래와 같은 화면이 나오구요.

아까 체크했던 문구를 찾으시면 됩니다.

그리고, 미리 생성해둔 애드센스 링크광고 코드를 복사해서 다음에 붙여넣기 해주세요.

그런 후, HTML을 해제하시면, 아래와 같이 링크광고가 본문 중에 적용된 것이 보이실 거에요.

 그 후 티스토리 포스팅을 마치고 발행하시면 됩니다.

또 다른 방법을 알려드릴게요.

조금 전에 알려드린 방식도 기본적으로 알고 계시면 도움이 되지만, 빠르게 포스팅을 하고 광고를 넣기 위해서는 좀더 효율적이 방법이 좋겠지요?

이때, 다음(티스토리) 에디터 메뉴 중 외부컨텐츠라는 메뉴를 활용하시면 좀더 빠르게 본문 광고를 넣으실 수 있답니다.

포스팅을 하는 과정에서 애드센스를 삽입하고자 하는 위치를 잡은 후에,

외부 컨텐츠 를 클릭하시면, 아래와 같이 외부 소스를 html 형식으로도 삽입할 수 있는 메뉴가 나옵니다.

여기에 바로 구글 애드센스 링크광고 소스 복사하신 것을 붙여넣기 하세요.

그리고, 확인을 누르시면 끝!!!!

이 경우, 티스토리 블로그 글을 미리보기 하시거나 발행을 하셔야 정상적으로 광고가 라이브 되는 것을 보실 수 있답니다.

참고로, 애드센스 링크광고를 생성한 후에 바로 티스토리에 삽입한다고 해서 광고가 보여지지 않을 수 있으니, 이 때는 몇시간 정도 광고가 정상적으로 활성화될 수 있는 시간을 가지셔야 할 수 있습니다.

도움이 되셨길 바라구요.

혹 제가 정리드린 내용 중에 오류가 있다면 언제든지 댓글로 알려주시면 진심으로 감사하겠습니다.

사실 저도 초보 블로거라 정확하게 모를 수도 있어서 잘못된 정보가 있다면 빠르게 시정하도록 하려구요~

그럼 오늘도 Fine day 되시길 바랍니다. :D