[LifeAsDog] 광고와 결과창

👀 카카오 애드핏과 결과창

카카오 애드핏과 결과창을 설정하는데도 많은 시간이 걸렸다. 카카오 애드핏은 예상치못한 오류가 발생해서 애를 먹었고, 결과창은 각각 결과에 대한 설명을 작성하느라 시간이 오래 걸렸다.

✔ 카카오 애드핏

카카오 애드핏을 통해 광고를 붙이려고 했는데 예상치 못한 오류가 발생했다.

ERR_BLOCKED_BY_CLIENT

카카오 애드핏이 클라이언트에 의해 차단되었다는 오류인데, 왜 발생하는 오류인지 도통 모르겠어서 카카오 고객센터에 문의했다. 답변 내용은,

해당 오류는 브라우저가 어떠한 사유로 광고 요청을 막은 것으로 해석됩니다.
보통 광고 차단 플러그인(adBlock, uBlock 등)이 설치되어있을 경우 발생할 수 있습니다.

그냥 내가 adBlock을 쓰고 있어서 그런 것이었다. 참 편리하게 사용하던 플러그인인데, 막상 홈페이지를 운영하려고 하니까 adBlock이 야속해진다 ㅋㅎㅋㅎㅋㅎㅋㅎ

✔ 결과창

결과창은 다음과 같이 구성했다.

• 이름
• 강아지 일러스트
• 강아지 이름과 설명
• 견생연분과 견생원수
• SNS 공유
• 다시하기
• 블로그 링크

강아지 일러스트는 여자친구가 그려주는대로 추가할 예정이고, 견생연분과 견생원수 이미지 또한 일러스트가 필요하므로 보류해두었다. 견생연분 / 견생원수 관계만 정리하고 일러스트를 추가하면 마무리 될 것으로 보인다. 단, 일러스트가 언제 완성될지 모른다는거... 얼른 해달라고 재촉해야겠다 쿠쿠

✔ AddThis

SNS 공유버튼은 AddThis라는 사이트를 통해 구현했다. 기존방식대로라면 카카오 API 또는 페이스북 API 등을 통해서 코딩을 다 해야 하지만, AddThis에서 공유버튼을 GUI로 구성하고 코드를 복사하는 것만으로 사용이 가능했다. 물론 속도도 느리고 카카오톡 공유하기 같은 경우에는 제대로 작동하지도 않아서 시간이 된다면 API를 사용하여 제대로 만들어 볼 예정이다.

👍 참고 사이트

1. 동물상 테스트 출시! 코딩 없이 SNS 공유 구현하고 GitHub & Netlify 배포 자동화 및 favicon 등록하기