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

안녕하세요.

 

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

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

 

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

 

목차

• 개선 사항
  • 인피드 광고 설정 방법
    • 인피드 광고 레이아웃 설정
    • 결과 확인
  • 이전 글, 다음 글 추천 기능
• 소개 및 설치 방법
  • 미넴 스킨 2.5.2 버전 다운로드

 

 

개선 사항

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 와 같은 레이아웃 키 값을 넣습니다.

 

결과 확인

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

 

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

 

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

 

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

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

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

 

이전 글, 다음 글 추천 기능

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

 

소개 및 설치 방법

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

 

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

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

 

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

 

미넴 스킨 2.5.2 버전 다운로드

파일 제거 됨