본문 바로가기
Blog Tip

[티스토리 블로그 꾸미기] 쿠팡 파트너스 상품 배너 모바일에서 제대로 보이는지 꼭 확인해 보세요

by benny lee 2020. 3. 21.
728x90
반응형
반응형

[티스토리 블로그 꾸미기] 

쿠팡 파트너스 상품 배너 모바일에서 제대로 보이는지 꼭 확인해 보세요

 

안녕하세요~~~

 

하루하루 티스토리 블로그 관리하면서

예기치 못한 문제점들을 자꾸 발견하게 되는데요...

포스팅 후 모바일쪽에서도 제대로 구동이 되는지

확인해야 된다는 것은 생각도 못하고 있었는데....

아니... 반응형 스킨이기때문에 당연히 모바일쪽에서도

알아서 제대로 보이겠지 생각한 것이 큰 잘못이었다고 해야겠네요.

이번의 문제는 바로 쿠팡 파트너스에 관한 문제인데요.

티스토리 블로그 꾸미기

"쿠팡 파트너스 상품 배너

핸드폰에서 제대로 보이는지 꼭 확인해 보세요"

 

상품 배너 태그를 넣었을 때 PC에서는 제대로 잘 보이지만~~~~

티스토리 모바일에서는 상품 태그 하나를 첨가할 때마다

엄청 공백이 생긴다는 것을 오늘 알아버렸습니다.

그래서 혹시라도 저와 같은 실수를 하고 계시는 분들에게

정보를 드리고자 이렇게 포스팅을 하게 되었습니다.

이번 문제는 쿠팡 파트너스 상품 배너를

위의 기본 모드 스크롤 바에서 HTML로 변경하여 붙일 때 발생하는 문제입니다

먼저 쿠팡 파트너스 상품 배너를 붙이는 방법에는 세 가지 방법이 있습니다.

1. 단축 URL을 넣는 방법(제일 간단한 방법 중 하나)

2. HTML 일반 태그를 복사해서 작성 중인 글의 HTML영역에 붙여 넣는 방법

3. HTML 블로그용 태그를 복사해서 작성 중인 글의 HTML영역에 붙여 넣는 방법

이렇게 3가지 방법이 있습니다.

일단 1번 URL을 넣는 방법은 제외하고~~~~~

쿠팡 파트너스 상품 배너를 블로그에 넣을 때

2번 일반 태그를 복사해서 넣을 경우 발생되는 문제에 대해서 알려드리겠습니다. 

쿠팡 파트너스 상품 배너를 일반 태그를 통해서 넣을 경우는

포스팅을 한 후 PC에서 볼 때는 정상적으로

상품 배너가 들어가 있는 것을 확인할 수 있습니다.

티스토리 모바일에서 본 공백이 생긴 모습

그러나 핸드폰으로 확인했을 때는 이미지에서 보이는 바와같이 

쿠팡 파트너스 상품 배너 밑으로 긴 공백이 생기는 것을 보실 수 있습니다.

저도 어제 우연히 이것을 발견하고 얼마나 놀랐던지....

당연히 이렇게 공백이 생기면 모바일에서의 가독성에 문제가 생기고

블로그에서 사람들의 이탈이 발생하는 원인이 될 수 있는 문제입니다.

해결 방법을 알려드리면~~~~~

 

쿠팡 파트너스 문제 해결 방법

 

쿠팡 파트너스 상품 배너를 포스팅할 글에

HTML 양식으로 붙여 넣을 경우에는

3번 HTML 블로그용 태그를 복사해서 붙여 넣기 하여야 한다는 것.....

 

티스토리 모바일에서 본 정상적인 모습

자~~~ 보시는 것과 같이 이렇게 모바일에서도 정상적으로 보이게 됩니다.

간단하지만 엄청 다른 결과를 만들어 낸다는 것 명심하세요.....

그리고 핸드폰으로도 꼭 한 번씩 확인을 해봐야 한다는 것도!!!!!

 

블로그 꾸미기 마지막 팁을 드리자면, 

위의 배너가 마음에 안 드시는 분은

쿠팡 파트너스 상품 배너의 위치에 커서를 옮긴 뒤 ENTER를 누르면

가로형 대형 배너 형태로 변형이 되는데

이때 위의 베너는 HTML 영역에서 찾아서 삭제하면

가로형 배너만 남게 됩니다.

(이때 주의하셔야 할 것은 ENTER 누르기 전에

붙여 넣은 쿠팡 파트너스 상품 배너의 위치와 형태를 기억해 놓아야 한다는 것)

 

조금 복잡할 수는 있지만

한번 해보시면 금방 알 수 있는 내용이니

저처럼 시험 삼아서 해보시는 것도 괜찮을 듯하네요~~~~~~

 

티스토리 관련 다른 팁들도 확인해 보세요~~~~

2020/03/09 - [Blog Tip] - 오랜 기다림.....드디어 애드 고시 합격했네요 (애드 센스 승인 거절 후 다시 승인 받기)

 

오랜 기다림.....드디어 애드 고시 합격했네요 (애드 센스 승인 거절 후 다시 승인 받기)

오랜 기다림.....드디어 애드 고시 합격했네요 (애드 센스 승인 거절 후 다시 승인 받기) 한동안 일이 바쁘기도 하고 애드 고시 신청하고 3주 만에 승인 거절은 받은지라..... 또 한 3주는 기다려야겠거니 하고 거..

de-kube.tistory.com

2020/03/13 - [Blog Tip] - 티스토리 스킨 변경하신 분들 참고하세요/ 티스토리 스킨 변경 후 구글 검색 누락 문제 해결 방법.............

 

티스토리 스킨 변경하신 분들 참고하세요/ 티스토리 스킨 변경 후 구글 검색 누락 문제 해결 방법.............

티스토리 스킨 변경하신 분들 참고하세요/ 티스토리 스킨 변경 후 구글 검색 누락 문제 해결 방법............. 어제 오랜만에 시간이 나서 구글에서 제 티스토리 블로그 포스팅을 검색한 결과 초반에 작성한 2~3..

de-kube.tistory.com

2020/04/02 - [Blog Tip] - 구글 SEO 공략 및 네이버 검색엔진 최적화 방법/ 다음 티스토리 블로그 이미지에 alt 속성 넣기

 

구글 SEO 공략 및 네이버 검색엔진 최적화 방법/ 다음 티스토리 블로그 이미지에 alt 속성 넣기

구글 SEO 공략 및 네이버 검색엔지 최적화 방법 다음 티스토리 블로그 이미지에 alt 속성 넣기 구글에서의 유입량을 늘리려면 구글의 SEO 지수를 높여야 한다는 이야기는 많이 들어보셨을 것입니다. 1. 백링크를..

de-kube.tistory.com

 

728x90
반응형

댓글