워드프레스에 넣은 쿠팡 파트너스 배너, 크롬에서만 안 보일 때 – WP Rocket이 범인이었다
워드프레스에 쿠팡 파트너스 배너를 달았는데, 파이어폭스에서는 잘 보이고 크롬에서만 감쪽같이 사라지는 현상이 있었다.
처음엔 광고 차단 확장 프로그램 문제인가 싶어서 시크릿 창으로 열어봤는데 거기서도 마찬가지였다. 콘솔 에러를 확인해봤더니 아무것도 없었다. Network 탭에서 g.js를 찾아봤더니 302가 뜨긴 하는데, 이건 쿠팡 CDN의 정상적인 리다이렉트였다.
한참을 돌아다닌 끝에 원인은 WP Rocket이었다.
뭐가 문제였냐면
WP Rocket에 Delay JavaScript execution이라는 기능이 있다. 페이지 로드 시 스크립트 실행을 사용자가 스크롤하거나 클릭할 때까지 미루는 기능인데, 성능 최적화에 효과적이라 기본적으로 켜두는 경우가 많다.
문제는 이 기능이 쿠팡 파트너스의 g.js도 지연 대상으로 잡아버린다는 것이다. 쿠팡 배너 코드의 구조상 g.js가 먼저 로드되고 PartnersCoupang 객체가 생성돼야 그 아래 초기화 코드가 실행되는데, WP Rocket이 실행을 미뤄버리니 크롬에서는 객체가 없는 상태에서 코드가 실행되거나 아예 배너가 그려지지 않는 것이다.
파이어폭스에서는 되는 이유는, 브라우저마다 스크립트 타이밍 처리가 조금씩 달라서 파이어폭스가 우연히 통과되는 경우가 있기 때문이다. 크롬이 더 엄격하게 처리한다.
해결 방법
WP Rocket → 파일 최적화 → Load JavaScript deferred 섹션을 보면 Excluded JavaScript Files 입력란이 있다. 여기에 아래를 추가하면 된다.
ads-partners.coupang.com이렇게 하면 쿠팡 파트너스 스크립트는 defer 처리에서 제외되어 페이지 로드 시 즉시 실행된다.
저장 후 WP Rocket 캐시 전체 삭제 필수다. 이걸 빠뜨리면 바뀐 게 적용 안 된다.
WP Rocket은 좋은 플러그인인데, Delay JS 기능이 외부 광고 스크립트와 은근히 충돌하는 경우가 있다. 쿠팡 파트너스뿐 아니라 외부 스크립트 기반 위젯이 특정 브라우저에서만 안 보인다면 이 설정을 먼저 의심해볼 만하다.
최근 글(Recent Post / 最近的帖子)
