Tuesday, September 1, 2015

Chèn mã Pixel vào Blogspot

Website của mình được xây dựng trên nền tảng Blogspot và mới đây mình cũng thêm đoạn code Pixel đối tượng tượng tùy chỉnh để tiện cho các hoạt động Remarketing sau này. Tuy nhiên khi chèn code mã nhúng javascript mà Facebook cung cấp thì gặp phải lỗi là không chèn vào Blogspot được.
Xử lý vẫn đề chèn mã Pixel vào Blogspot bị lỗi code.
Chèn mã Pixel vào Blogspot
Đoạn code mã Pixel mà Facebook cung cấp nó có dạng như sau
<!-- Facebook Pixel Code -->
<script>
!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', '1614087638845515');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1614087638845515&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
Khi lưu vào thì Blogspot không cho phép lưu. Mà nguyên nhân có lẽ ở đây là do có sự khác biệt nho nhỏ giữa HTML và XML, mình cũng có tìm thấy một topic hỏi về vấn đề này trên Blogger Forum nhưng cũng không có câu trả lời thỏa đáng. Cho nên mình đã nghiền nghẫm thêm 1 chút xíu nữa và đưa ra quyết định. Sử dụng đoạn code sau
<!-- Facebook Pixel Code -->
<script>
!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', '1614087638845515');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1614087638845515&amp;ev=PageView&amp;noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
Với đoạn code này thì bạn có thể lưu vào Blogspot mà không gặp vấn đề gì. Ở những bài viết khác thì mình sẽ nói rõ hơn về tác dụng của Pixel nhé. Các bạn nhớ thay đoạn ID màu xanh thành của bạn nhé.