<\/span><\/h2>\n\n\nH\u00e3y b\u1eaft \u0111\u1ea7u v\u1edbi m\u1ed9t t\u1ec7p ph\u1ed5 bi\u1ebfn l\u00e0 Google Analytics. N\u1ebfu b\u1ea1n mu\u1ed1n tr\u00ec ho\u00e3n Google Analytics, b\u1ea1n ph\u1ea3i \u0111\u01b0a \u0111o\u1ea1n m\u00e3 Google Analytics v\u00e0o trong m\u1ed9t file b\u00ean ngo\u00e0i m\u00e0 ch\u00fang ta g\u1ecdi l\u00e0 “defer.js”. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t v\u00ed d\u1ee5 v\u1ec1 code m\u1eabu…<\/p>\n\n\n
(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','ga');\nga('create', 'UA-XXXXXXXX-1', 'example.com');\nga('send', 'pageview');<\/pre>\n\n\nCh\u1eafc ch\u1eafn l\u00e0 \u0111o\u1ea1n m\u00e3 analytic c\u1ee7a b\u1ea1n s\u1ebd kh\u00e1c, nh\u01b0ng \u0111i\u1ec3m m\u1ea5u ch\u1ed1t l\u00e0 b\u1ea1n ch\u1ec9 c\u1ea7n copy v\u00e0 paste \u0111o\u1ea1n m\u00e3 v\u00e0o trong “defer.js” v\u00e0 l\u01b0u n\u00f3 l\u1ea1i m\u00e0 th\u00f4i, r\u1ea5t \u0111\u01a1n gi\u1ea3n ph\u1ea3i kh\u00f4ng.<\/p>\n\n\n
L\u1ea7n k\u1ebf ti\u1ebfp khi b\u1ea1n t\u1ea3i ho\u1eb7c l\u00e0m m\u1edbi trang, b\u1ea1n s\u1ebd \u0111\u1ec3 \u00fd th\u1ea5y r\u1eb1ng b\u1ea1n \u0111\u00e3 tr\u00ec ho\u00e3n t\u1ea3i Google Analytics \u0111\u1ec3 n\u00f3 ra kh\u1ecfi th\u1eddi gian t\u1ea3i trang, l\u00e0m cho trang c\u1ee7a b\u1ea1n t\u1ea3i nhanh h\u01a1n m\u1ed9t ch\u00fat. \u0110i\u1ec1u n\u00e0y ngh\u0129a l\u00e0 khi n\u1ed9i dung trang web c\u1ee7a b\u1ea1n t\u1ea3i, v\u00e0 ngay sau khi n\u00f3 t\u1ea3i xong th\u00ec m\u1edbi \u0111\u1ebfn l\u01b0\u1ee3t \u0111o\u1ea1n m\u00e3 Google Analytics t\u1ea3i xu\u1ed1ng v\u00e0 nh\u01b0 v\u1eady b\u1ea1n c\u00f3 c\u1ea3 \u0111o\u1ea1n m\u00e3 ph\u00e2n t\u00edch nh\u01b0ng v\u1eabn l\u00e0m ng\u01b0\u1eddi duy\u1ec7t web vui v\u1ebb khi c\u00f3 website t\u1ea3i nhanh h\u01a1n.<\/p>\n\n\n
\u0110i\u1ec1u \u0111\u00f3 th\u1eadt tuy\u1ec7t v\u1eddi nh\u01b0ng \u0111i\u1ec3m m\u1ea5u ch\u1ed1t c\u1ee7a b\u00e0i vi\u1ebft n\u00e0y l\u00e0 l\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 tr\u00ec ho\u00e3n nhi\u1ec1u th\u1ee9, ch\u1ee9 kh\u00f4ng ph\u1ea3i m\u1ed9t th\u1ee9. Ch\u00fang ta s\u1ebd c\u00f9ng th\u1ea3o lu\u1eadn \u0111i\u1ec1u \u0111\u00f3.<\/p>\n\n\n
<\/span>Tr\u00ec ho\u00e3n nhi\u1ec1u JavaScript<\/span><\/h2>\n\n\nCh\u00fang ta v\u1eeba bi\u1ebft c\u00e1ch tr\u00ec ho\u00e3n Google Analytics, nh\u01b0ng ch\u00fang ta c\u0169ng mu\u1ed1n tr\u00ec ho\u00e3n n\u00fat b\u1ea5m c\u1ee7a Google plus. Gi\u1edd th\u00ec sao?<\/p>\n\n\n
C\u00e1i m\u00e0 ch\u00fang ta ph\u1ea3i l\u00e0m \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 k\u1ebft h\u1ee3p (g\u1ed9p) JavaScript ho\u1eb7c \u0111\u01b0\u1ee3c g\u1ecdi vui l\u00e0 “copy v\u00e0 paste”.<\/p>\n\n\n
H\u00e3y xem file defer.js c\u1ee7a ch\u00fang ta. N\u00f3 hi\u1ec7n ch\u1ec9 c\u00f3 m\u00e3 Google Analytics \u1edf trong \u0111\u00f3 v\u00e0 tr\u00f4ng gi\u1ed1ng th\u1ebf n\u00e0y…<\/p>\n\n\n
(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','ga');\nga('create', 'UA-XXXXXXXX-1', 'example.com');\nga('send', 'pageview');<\/pre>\n\n\nGi\u1edd ch\u00fang ta mu\u1ed1n tr\u00ec ho\u00e3n t\u1ea3i n\u00fat Google ho\u1eb7c badge. Ch\u00fang ta s\u1ebd copy v\u00e0 paste \u0111o\u1ea1n m\u00e3 G+ v\u00e0o trong file \u0111\u1ec3 l\u00e0m n\u00f3 tr\u00f4ng gi\u1ed1ng nh\u01b0 th\u1ebf n\u00e0y…<\/p>\n\n\n
\/\/Google plus button \/ badge\n(function() { var po = document.createElement('script'); po.type = 'text\/javascript'; po.async = true; po.src = 'https:\/\/apis.google.com\/js\/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();\n\/\/Google analytics code\n(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','ga');\nga('create', 'UA-XXXXXXXX-1', 'example.com');\nga('send', 'pageview');<\/pre>\n\n\nGi\u1edd ch\u00fang ta \u0111\u00e3 k\u1ebft h\u1ee3p c\u00e1c \u0111o\u1ea1n m\u00e3 JavaScript. N\u00f3 th\u1ef1c s\u1ef1 ch\u1ec9 l\u00e0 copy v\u00e0 paste m\u00e0 th\u00f4i \ud83d\ude42 B\u00e2y gi\u1edd t\u00f4i s\u1ebd li\u1ec7t k\u00ea ra m\u1ed9t s\u1ed1 m\u00e3 script m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 th\u00eam v\u00e0o file defer.js<\/p>\n\n\n
C\u00e1c \u0111o\u1ea1n m\u00e3 n\u00e0y c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng b\u1eb1ng c\u00e1ch copy v\u00e0 paste v\u00e0o trong file defer.js. N\u1ebfu b\u1ea1n mu\u1ed1n s\u1eed d\u1ee5ng m\u1ed9t trong s\u1ed1 ch\u00fang ho\u1eb7c t\u1ea5t c\u1ea3 ch\u00fang ho\u1eb7c m\u1ed9t s\u1ed1 k\u1ebft h\u1ee3p n\u00e0o \u0111\u00f3, b\u1ea1n ch\u1ec9 c\u1ea7n copy v\u00e0 paste c\u00e1i m\u00e0 b\u1ea1n mu\u1ed1n v\u00e0o, nh\u1ea5n enter \u0111\u1ec3 c\u00f3 kho\u1ea3ng tr\u1ed1ng, sau \u0111\u00f3 copy v\u00e0 paste c\u00e1i kh\u00e1c.<\/p>\n\n\n
<\/span>Tr\u00ec ho\u00e3n t\u1ea3i n\u00fat Google plus v\u00e0 badges<\/span><\/h2>\n\n\n\u0110o\u1ea1n m\u00e3 n\u00e0y s\u1ebd ho\u1ea1t \u0111\u1ed9ng cho b\u1ea5t c\u1ee9 n\u00fat n\u00e0o ho\u1eb7c badge n\u00e0o c\u1ee7a Google plus…<\/p>\n\n\n
(function() { var po = document.createElement('script'); po.type = 'text\/javascript'; po.async = true; po.src = 'https:\/\/apis.google.com\/js\/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();<\/pre>\n\n\nL\u01b0u \u00fd: Khi b\u1ea1n nh\u1eadn m\u00e3 cho Google plus cho badge ho\u1eb7c n\u00fat b\u1ea5m, n\u00f3 s\u1ebd n\u00f3i \u0111i\u1ec1u g\u00ec \u0111\u00f3 gi\u1ed1ng nh\u01b0 th\u1ebf n\u00e0y “<!– Place this tag in your head or just before your close body tag. \u0110\u1eb7t th\u1ebb n\u00e0y v\u00e0o trong th\u1ebb head ho\u1eb7c \u0111\u01a1n gi\u1ea3n ch\u1ec9 c\u1ea7n \u0111\u1eb7t tr\u01b0\u1edbc th\u1ebb \u0111\u00f3ng body>” v\u00e0 <!– Place this tag where you want the share button to render. \u0110\u1eb7t th\u1ebb n\u00e0y \u1edf v\u1ecb tr\u00ed m\u00e0 b\u1ea1n mu\u1ed1n n\u00fat chia s\u1ebb \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb\/render –>”.<\/p>\n\n\n
Khi b\u1ea1n s\u1eed d\u1ee5ng \u0111o\u1ea1n m\u00e3 tr\u00ean \u0111\u1ec3 tr\u00ec ho\u00e3n, b\u1ea1n th\u1ef1c ch\u1ea5t \u0111ang thay th\u1ebf m\u1ed9t ph\u1ea7n c\u1ee7a \u0111o\u1ea1n m\u00e3 \u0111ang n\u00f3i “<!– Place this tag in your head or just before your close body tag. \u0110\u1eb7t th\u1ebb n\u00e0y v\u00e0o trong th\u1ebb head ho\u1eb7c \u0111\u01a1n gi\u1ea3n ch\u1ec9 c\u1ea7n \u0111\u1eb7t tr\u01b0\u1edbc th\u1ebb \u0111\u00f3ng body –>”. B\u1ea1n s\u1ebd ph\u1ea3i lo\u1ea1i b\u1ecf ph\u1ea7n m\u00e3 \u0111\u1ea5y c\u1ee7a \u0111o\u1ea1n code \u1edf trong trang v\u00ec file defer.js \u0111\u00e3 c\u00f3 r\u1ed3i (ho\u1eb7c n\u1ebfu kh\u00f4ng, n\u00f3 s\u1ebd \u0111\u01b0\u1ee3c t\u1ea3i l\u1ea7n n\u1eefa – v\u00e0 t\u1ed1c \u0111\u1ed9 web c\u1ee7a b\u1ea1n ch\u1eb3ng \u0111\u01b0\u1ee3c c\u1ea3i thi\u1ec7n t\u00ed n\u00e0o, n\u1ebfu kh\u00f4ng mu\u1ed1n n\u00f3i l\u00e0 s\u1ebd b\u1ecb ch\u1eadm \u0111i).<\/p>\n\n\n