오랜만에 블로그를 정리하려고 보니, 뭔가 사건도 많았고 내 블로그도 이상해진 느낌이었다. 정확히는 티스토리와 애드센스의 조합이 이상한 것이지만..ㅎㅎ 아무튼, 그렇게 나는 블로그랑 애드센스를 최적화해야겠단 생각이 들었고, 이번에 너튜브란 스킨으로 변경했는데 매우 만족하고 있다. 구글 애드센스 로딩 속도를 최적화한 글이 궁금하면 아래 링크를 참조 티스토리 자체 광고로 시작된 구글 애드센스 로딩 속도 최적화 유튜브 스킨 추천 이유 일단, 디자인이 깔끔하고 데스크톱과 모바일 환경 모두에서 잘 동작한다. 그리고 로딩속도도 빠른 편이다. 기본이 다크모드인데, 색상 변경이 되는 것도 마음에 든다. 마지막으로 자동 글 목록 생성 기능이 포함되어 있다. 더 말해 뭐하나.. 아래 링크가 스킬 개발자 블로그인데 구경해 보..

티스토리로 글을 작성하다보면, 가끔 그림의 왼쪽 여백이 사라지지 않는 경우를 볼 수 있다. 이유가 생각보다 심플한데, 현상과 해결 방법을 확인해보자. 왼쪽 여백 현상 위 화면에서 보면, 제목과 그림의 좌측 정렬이 맞지 않는 것을 볼 수 있다. 무슨 설정을 해도 사라지지 않는다. 이제 해결 방법을 확인해보자. 해결방법 HTML모드로 볼 때 첫 줄에 보면, 태그로 구성된 것을 볼 수 있다. 그런데, 문제가 발생한 하단 부분에서는 태그로 구성되어 있다. 이게 핵심인데, 잘못 입력된 태그를 태그로 수정해주면 된다.

구글 애드센스좀 해봤다는 사람들은 반응형 광고를 주로 활용하고 있다. 그런데, 반으형 광고가 사용하다 보면 조금 이상하게 동작하는 경우가 있다. 위 화면처럼 광고의 가로 길이가 핸드폰 기기보다 커서 광고가 툭 튀어나오는(광툭튀) 현상이 발생한다. 단순히, 미관적으로만 안좋으면 상관없는데 이게 또, 좌우로 화면 무빙이 되다 보니... 생각보다 스크롤을 내리는데 불편하다. 🥺 해결 방법은 생각보다 간단했는데, 방법과 적용 전-후 모습을 비교해보자. 모바일 광고의 크기가 자동으로 최적화됩니다 위 모습은 구글애드센스의 설정창 모습이다. 방법은 매우 심플하다. 광고 -> 전체설정 -> "모바일 광고의 크기가 자동으로 최적화됩니다"를 활성화한다. 적용 전-후 비교 위 모습과 같이, 광툭튀 현상이 없어짐을 확인할 수..

구글 애드센스를 이용하시는 분들은 아마 위 화면이 익숙할 것이다. 그리고 우리에게 굉장히 큰 스트레스로 작용하는 모습이기도 하다. 최근 들어 이런 현상의 발생빈도가 더 증가했는데, 이는 티스토리 자체 광고가 신설되었기 때문이다. 요약하자면, 본문 상단 및 하단에 랜덤으로 티스토리의 구글 광고가 자동으로 붙는 것이다. 이와 관련된 내용과 개인적인 생각이 궁금하다면 하단의 링크를 참조하자. 티스토리 자체 광고 신설 논란중... 여러분의 생각은? 이제 구글 애드센스 최적화를 해보도록 하자. 솔직히, 내가 알려드리는게 완벽한 최적한 방법이냐고 묻는다면, "잘 모르겠다"라고 대답할 것이다. 그래도 나름 여러 브라우저랑 핸드폰에서 테스트한 후, 광고가 잘 나오는 것을 판단하여 정리한 것이니 누군가에게는 도움이 되길..

구글 블로거는 다른 블로그 플랫폼들과 다르게 생성한 후에 URL을 변경할 수 있다. 먼저, 설정으로 들어간 후, 현재, 자신의 URL을 클릭한다. 팝업창이 뜨면, 원하는 URL로 변경하고 저장 버튼을 클릭한다.

구글 블로거에서 구글 서치콘솔에 sitemap.xml을 등록할 때, 에러가 나는 경우가 있다. 원인에 따라, 다르겠지만 나의 경우에는 블로그 url에 '-' 이 포함되어서 제대로 동작하지 않았다. (이 원인을 찾기 위해, 엄청 고생했다... 😅) 잘못된 예 : https://lifememo-b.blogspot.com/ 올바른 예 : https://lifememob.blogspot.com/ 혹시, 위와 같이 자신의 블로그 url이 '-'이 들어갔다면 변경하도록 하자. 다만, 이미 운영한지 오래된 블로그라면 추천하지 않는다. 또한, 이와 관련되어 링크를 걸어둔 메뉴들이 있다면 수정해주도록 하자.

구글 블로거에서 단축키를 활용할 수 있다. 구글 블로거 설정 -> 테마 -> HTML 편집으로 이동한 후, 다음에 아래의 코드를 추가해준다. 이 때, 중요한 부분은 자신의 블로그 설정 URL로 잘 수정하고 원하는 단축키대로 지정하면 된다. 아래의 예시는 단축키 a와 A를 활용한 것이고 이동할 URL은 https://www.blogger.com/blog/posts/6209046386266093236 이다. 이 부분을 원하는대로 수정하면 된다.

구글 블로거에서 관련 글을 위한 작업을 하고 난 이후에, 아래처럼 결과가 없다는 경우가 발생할 수 있다. 이유는 생각보다 간단했다. 메인 태그를 정리하기 위해, 메인 태그 앞에 #을 붙여서 생긴 에러였다. #에서 .으로 바꾸니 해결되었다. 이와 비슷한 상황이라면, 글의 라벨에서 특수문자를 변경하도록 하자.

구글 블로거에서 특정 게시글을 볼 때, 관련 글 목록을 보이게하려면 추가 작업을 해야한다. 즉, 기본적으로 제공되지 않는다. HTML/자바스크립트 수정(또는 추가) 먼저, 구글 블로거 설정에서 레이아웃을 클릭한 후, 관련 글 설정 수정을 버튼을 클릭한다. 테마마다 다를텐데, 관련 글 설정이 따로 없다면 HTML/자바스크립트 구성을 추가한다. 제목을 작성하고 콘텐츠(아래 참조)를 작성한 후, 저장 버튼을 클릭한다. 관련 글 목록 콘텐츠 function showRelatedPosts() { // 현재 글에서 사용된 태그 가져오기 var tags = document.querySelectorAll('.post-footer .post-tags a'); var relatedPosts = []; // 태그에 해당하는..