Bài 1: tổng quan về tagmanager

Thứ Năm, 29 Tháng Ba, 2018 20 lượt xem Chia sẻ bài viết:

Google tag manager (GTM) là gì?

Trình quản lý thẻ của Google là hệ thống quản lý thẻ cho phép bạn dễ dàng và nhanh chóng cập nhật thẻ và đoạn mã trên trang web hoặc ứng dụng dành cho thiết bị di động của mình, chẳng hạn như các thẻ và đoạn mã dùng cho phân tích lưu lượng truy cập và tối ưu hóa tiếp thị. Bạn có thể thêm và cập nhật AdWords, Google Analytics, Firebase Analytics, Floodlight và thẻ của bên thứ 3 hoặc thẻ tùy chỉnh từ giao diện người dùng của Trình quản lý thẻ thay vì chỉnh sửa mã trang web. Việc này sẽ giảm lỗi và giúp bạn không phải nhờ đến bộ phận lập trình khi định cấu hình thẻ.

Thẻ là gì?

Thẻ là đoạn mã có chức năng gửi thông tin cho bên thứ ba, chẳng hạn như Google analytics. Nếu không sử dụng giải pháp quản lý thẻ như Google Tag Manager, bạn cần thêm đoạn mã trực tiếp vào tệp trên trang web hoặc ứng dụng dành cho thiết bị di động của mình. Với GTM, bạn không còn cần để các đoạn mã này trong website hay ứng dụng. Thay vào đó, bạn chỉ định thẻ muốn kích hoạt và khi bạn muốn chúng kích hoạt, từ trong giao diện người dùng của GTM.

vd về thẻ google analytytics

<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-106831119-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());

  gtag('config', 'UA-106831119-1');
</script>

vd về thẻ theo dõi chuyển đổi của google adwords

<!-- Google Code for mua kh&oacute;a h&#7885;c Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 833002201;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "RjklCPK-5HUQ2bWajQM";
var google_conversion_value = 1.00;
var google_conversion_currency = "VND";
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/833002201/?value=1.00&amp;currency_code=VND&amp;label=RjklCPK-5HUQ2bWajQM&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

Cách hoạt động

Bạn sẽ nhúng thẻ Container của Google Tag Manager vào website hoặc ứng dụng. Từ đó bạn có thể thông qua Google Tag Manager để: thêm, xóa, sửa, tắt, mở các thẻ khác.

Lợi ích của việc triển khai thẻ thông qua google tag manager?

Tại sao chúng ta lại phải triển khai các thẻ thông qua google tag manager trong khi chỉ việc đơn giản là nhúng chúng trực tiếp vào giao diện của website hoặc phần mềm?

Câu trả lời là, khi bạn triển khai các thẻ qua Google Tag Manager (GTM) bạn có thể dễ dàng quản lý việc:

  1. Lúc nào thẻ được kích hoạt
  2. Lúc nào thẻ sẽ không được kích hoạt
  3. Tại đâu thẻ sẽ được kích hoạt
  4. Tại đâu thẻ sẽ không được kích hoạt
  5. Thẻ đó sẽ làm gì sau khi nó được kích hoạt

Thêm nữa thông qua Google Tag Manager (GTM) bạn có thể dễ dàng: thêm, xóa, mở hay tắt bất cứ thẻ nào trên website. Bạn cũng dễ dàng thay đổi nội dung các thẻ một cách dễ dàng. Để làm được những việc này theo cách truyền thống. Bạn cần tìm, thêm, xóa, sửa các thông tin trong 1 hoặc rất nhiều tập tin. Việc này vừa khó, vừa phiền và vừa dễ lỗi hơn.

Chưa hết có rất nhiều chức năng triển khai thông qua GTM cực dễ dàng và nhanh chóng. vd như tracking hành vi nhấp chuột, điền form… Sẽ làm giảm giá thành xây dựng website của bạn xuống đáng kể.

Đến đây bạn vẫn chưa bị thuyết phục thì còn 1 ý nữa. GTM “miễn phí”. Nó mạnh mẽ như vậy nhưng Google cung cấp miễn phí cho cộng đồng rất nhiêu năm rồi, tài liệu về nó cũng rất nhiều. Sẽ không làm bạn thất vọng.

Những lợi ích nổi bật của Google Tag Manager

#1 GTM giúp đơn giản hóa việc thêm, xóa, sửa, tắt mở các thẻ bằng giao diện trực quan và không cần nhiều kiến thức lập trình và chỉ bằng vài nhấp chuột. Từ nay bạn không cần phải làm việc đó trực tiếp trên mã nguồn của website hoặc ứng dụng nữa.

#2 GTM giúp bạn triển khai và thử nghiệm các thẻ cực nhanh. Không phải chờ đợi đội IT của công ty cả tuần để họ hỗ trợ nữa. Bạn chủ động trong công việc của chính mình.

#3 GTM hỗ trợ việc theo dõi hành vi người dùng một cách tuyệt vời. Đây là một trong những thế mạnh nổi trội của GTM trong ngành quảng cáo trực tuyến. GTM đã cung cấp rất nhiều thẻ, biến mặc định hỗ trợ bạn gần như đến tận răng việc này mà không cần đến kiến thức lập trình. vd như bạn có thể biết được khi ai đó click vào 1 link ra ngoài website, 1 nút mua hàng, 1 nút tải tài liệu về máy… Có GTM chỉ mất vài phút mà thôi.

#4 GTM cho phép bạn quản lý tập trung tất cả các thẻ chỉ trong một nơi.

#5 GTM làm tăng tốc độ website: So với việc nhúng các thẻ trực tiếp vào mã nguồn website hoăc ứng dụng. Việc dùng GTM giúp bạn cải thiện tốc độ website và ứng dụng. Tất nhiên so với việc không dùng thẻ thì việc dùng thẻ qua GTM vẫn sẽ làm chậm tốc độ tải một chút. Nên chúng ta hãy loại các thẻ không cần thiết ra.

Google Tag Manager : giao diện người dùng thông minh.

Nếu các thẻ, biến làm bạn thấy khó khăn trong việc quản lý GTM. Giao diện người dùng thông minh của GTM sẽ  giúp bạn quản lý một cách dễ dàng hơn rất nhiều.

Google Tag Manager Container Tag

Container Tag là thẻ của GTM mà bạn phải nhúng vào website của mình. Nó chia làm 2 phần. Phần đầu tiên bạn sẽ nhúng vào giữa thẻ head (<head> …</head>)

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PN945QJ');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PN945QJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Nếu đã có tài khoản GTM bạn có thể tim thẻ Container của mình như sau:

Bước 1: Đăng nhập vào tài khoản GTM qua link: https://tagmanager.google.com

Bước 2: nhìn bên phải góc trên và nhấp chuột vào GTM Container ID của bạn

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Chat zalo
Gọi điện ngay