미넴 스킨 제작 프로젝트

티스토리 미넴 스킨 2.5.2 업데이트 - 인피드 광고 설정 옵션 추가

변태 개발자 아미넴 2021. 9. 14.

안녕하세요.

 

리스트 커버에서 인피드 광고를 손쉽게 추가할 수 있는 옵션을 추가하였습니다.

업데이트가 너무 빠르죠? 그만큼 개발이 활발하게 이루어지고 있다고 생각해 주시면 감사하겠습니다.

 

꼭 필요하신 분만 적용 바랍니다.

 

목차

     

     

    개선 사항

    1. 메인 리스트 커버에 인피드 광고 설정하는 옵션을 추가하였습니다.

    2. 일부 영역의 화면 너비에 따른 글자 크기를 보정하였습니다.

    3. 이전 글, 다음 글 추천 기능을 추가하였습니다.

    4. 기타 자잘한 문제점을 수정하였습니다.

     

    인피드 광고 설정 방법

    다음 값들을 채워 넣으면 됩니다. 하나씩 살펴 보겠습니다.

     

    사용 여부를 설정합니다.

     

    인피드 광고의 빈도를 설정합니다. 2를 입력 시 게시물 2개당 광고 1개를 배치 합니다.

     

    인피드 광고 레이아웃 설정

    애드센스 인피드 광고 등록을 할 수 있다는 가정 하에 설명하겠습니다.

     

    먼저 큰 화면(PC 용)의 설정 값입니다.

    패딩을 모두 5px로 줍니다.

     

    이미지는 왼쪽 정렬이 기본이고 가로 세로 비율은 1:1 이며 너비는 180px로 설정합니다. 패딩은 오른쪽만 15px를 줍니다.

     

    가려 놓은 3개의 값을 잘 적어 놓습니다.

     

    다음은 작은 화면(모바일용) 설정 값입니다.

    패딩을 전부 3px으로 줍니다.

     

    이미지는 마찬가지로 왼쪽 정렬, 가로 세로 비율 1:1으로 하고 너비는 120px로 입력합니다. 패딩은 오른쪽만 5px를 주겠습니다.

     

    마찬가지로 3가지 가려 놓은 값을 잘 적어 놓습니다.

     

    data-ad-client는 모든 광고의 공통 값입니다. ca-pub-으로 시작하는 값을 넣습니다.

     

    적어 놓은 10자리 숫자 코드를 넣습니다.

     

    마찬가지로 위에서 설정으로부터 얻은 -rm+o-33-8o+rh 와 같은 레이아웃 키 값을 넣습니다.

     

    결과 확인

    큰 화면에서의 광고 배치입니다.

     

    다크 모드에서도 잘 보이네요.

     

    모바일 화면에서도 적절하게 잘 표시되고 있습니다.

     

    따로 적용하고 싶으신 분은 아래 링크 참고 바랍니다.

    애드센스 인피드 광고 티스토리에 적용하기

     

    애드센스 인피드 광고 티스토리에 적용하기

    글 목록에 비슷한 양식으로 광고가 껴 들어가 있는 경우 자주 보셨죠? 제 블로그도 이미 적용을 해 놔서 잘 나오고 있습니다. 블로그 보시는 분들은 불편할 수도 있어서 죄송합니다만, 위와 같이

    sangminem.tistory.com

     

    이전 글, 다음 글 추천 기능

    글의 마지막 부분에서 현재 카테고리 기준으로 이전 글, 다음 글 추천하여 보여주는 기능을 개발하였습니다. 옵션으로 켜고 끌 수 있습니다.

     

     

    소개 및 설치 방법

    다음 게시물을 참고하여 설치 바랍니다.

     

    친효 스킨, 고래 스킨 뒤를 이을 티스토리 무료 스킨 제작 프로젝트, 미넴 스킨 소개 및 설치 방법

     

    친효 스킨, 고래 스킨 뒤를 이을 티스토리 무료 스킨 제작 프로젝트, 미넴 스킨 소개 및 설치 방

    기본 제공 스킨을 나름대로 고쳐 쓰다가 만족하지 못하고 그냥 새로 만들었습니다. 여태까지 블로그를 하면서 적용한 많은 기능들을 대부분 포함하였으니 누군가에게는 상당히 유용한 스킨이

    sangminem.tistory.com

     

    업데이트 후 적용이 잘 안 되신다면 강제 새로고침을 해보세요. 단축키는 윈도우10 크롬 기준 Ctrl+Shift+R, 맥 크롬 기준 Command+Shift+R 입니다.

     

    미넴 스킨 2.5.2 버전 다운로드

    파일 제거 됨

    BIG

    댓글0

    💲 추천 글