내 쇼핑몰 화면 빠르게 로딩 하기 - 접속통계 스크립트 위치 변경
해외에서 쇼핑몰 접속시, 페이지 로딩이 지연되는 경우가 있습니다.
※ 로딩 지연 원인
전환추적 스크립트(웹사이트에 설치한 코드)가
화면보다 먼저 로딩되기 때문에 쇼핑몰 화면이 늦게 보여지게 됩니다.
- 실제 많이 사용 되는 전환 추척 태그는 아래와 같습니다.
http://www.googleadservices.com/pagead/conversion.js
--> google 애드워즈 전환 추적
1. 애드워즈에서 태그가 '표시'되는지, 계정에서 전환이 기록되고 있는지 확인할 수 있습니다.
2. 다른 도구와 방법을 사용하여 태그가 올바른 위치에 설치되고 올바른 코드 매개변수를 사용하는지 확인할 수 있습니다.
3. 전환이 제대로 기록되지 않을 경우 몇 가지 일반적인 문제를 확인하여 해결할 수 있습니다.
http://www.google-analytics.com/analytics.js
※ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','_GoogleAnalytics');
--> google 애널리틱스 ( 어떤 기기를 막론하고 고객의 움직임을 파악할 수 있다)
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
$.src="//v2.zopim.com/?3u1FAQoyPgklF6lWPNKmnaLmrW65fLUV";z.t=+new Date;$.
type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");
--> Zopim 라이브 채팅 위젯의 다양한 측면을 사용자 정의 할 수 있습니다.
https://connect.facebook.net/en_US/fbevents.js
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','//connect.facebook.net/en_US/fbevents.js');
fbq('init', '1785345665021835');
fbq('track', "PageView");
--> 셀러리 확인 페이지에 전환 픽셀을 추가하여 페이스 북 광고의 실적을 추적 할 수 있습니다.
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
개선 방법
- html 태그에 <head></head> 사이에 스크립트를 <body></body> 사이 맨 마지막 부분으로 이동시켜 줍니다.
이동 후 
전환추적 스크립트가 이동 되었습니다.
※ 이렇게 이동을 하면, 화면(html) 로딩이 먼저 되고 스크립트가 나중에 로딩 되어 화면이 기존보다 빠르게 보여지게 됩니다.
