Chào các bạn, trong bài viết này mình sẽ liệt kê toàn bộ các bước mà mình đã thực hiện để setup site Analyticsecret.com bằng WordPress.
Cài đặt WordPress:
Sử dụng nền tảng WordPress. Các bạn có thể tải bản mới nhất trên trang chủ của WordPress http://wordpress.org
Cài đặt giao diện:
Sử dụng Theme Astra, phiên bản miễn phí (https://wpastra.com). Bạn có thể vào mục Appearance, Themes và search Astra.
Sau khi cài đặt thành công, mình kích hoạt rồi vào chỉnh sửa một số thứ đơn giản như Logo, bố cục Menu
Cài Plugin:
Ngoài ra mình sử dụng thêm Plugin WP Mail SMTM để sử dụng dịch vụ mail của Mailgun. Một trong những lý do để mình sử dụng Mailgun là vì mình dùng VPS của Vultr, mà mặc định Vultr không mở cổng để VPS gửi được mail (bạn có thể liên hệ với support của Vultr để yêu cầu họ mở, nhưng mình dùng Mailgun quen rồi nên thôi).
Tất cả những Plugin này mình đều sử dụng phiên bản miễn phí, chỉ cần vào phần Plugins trong Dashboard, chọn cài mới Plugins là có thể search ra được rất đơn giản. Sau khi cài xong thì kích hoạt thôi.
Tạo một trang Home, và đặt nó làm trang mặc định khi người dùng vào trang web:
Vào Appearance, chọn Customize, hoặc bạn cũng có thể click vào Customize ở menu admin phía trên sau khi đã đăng nhập:
Mục Your homepage displays chọn A static page, sau đó chọn trang mà bạn muốn hiển thị làm trang chủ, ở đây mình chọn trang Home mà mình đã tạo:
Mình sử dụng Elementor để chỉnh sửa trang Home này theo ý muốn
Tạo thuộc tính Google Analytics
Có khá nhiều ứng dụng để có thể phân tích, theo dõi và đánh giá trang web. Đáng nói nhất có lẽ chính là Google Analytics, đây là một công cụ hoàn toàn miễn phí, được cung cấp bởi chính Google. Bản thân mình luôn đánh giá cao Google Analytics, và cũng sử dụng Google Analytics trong gần như tất cả những dự án của mình.
Việc đăng ký và sử dụng Google Analytics rất đơn giản, bạn chỉ cần có một account Google. Đăng nhập vào Google Analytics, tiến hành tạo tài khoản và thuộc tính cho trang web bạn cần theo dõi:
Vì ở đây mình sử dụng Google Analytics để theo dõi các chỉ số phát sinh trên trang web Analyticsecret.com nên mình chọn mục Web:
Trong mục Thiết lập thuộc tính bạn điền thông tin trang web bao gồm Tên Trang web và Url của trang web. Chọn múi giờ phù hợp để đồng bộ thời gian báo cáo của Google Analytics và nơi bạn sống
Sau cùng ta sẽ nhận được bảng thông báo ID theo dõi cùng đoạn mã để bạn có thể nhúng vào trang web. Bạn có thể copy đoạn mã này rồi chèn trực tiếp vào thẻ <head> trong giao diện WordPress bạn đang sử dụng. Đối với Analyticsecret.com mình sử dụng Google Tagmanager để quản lý toàn bộ những thẻ cần nhúng vào website.
Mình cũng khuyến khích các bạn nên sử dụng Google Tagmanager để có thể quản lý những thẻ muốn gắn lên trang web.
Cài đặt Google Tagmanager:
Như các bạn đã biết Google Tagmanager cũng là một trong những công cụ vô cùng hữu ích của Google cung cấp cho những nhà quản trị web, marketing. Và nó hoàn toàn miễn phí. Google Tagmanager giúp chúng ta có thể quản lý toàn bộ những đoạn mã cần gắn vào trang web ở một nơi duy nhất. Ví dụ như mình cần gắn mã Google Analytics, mã chat bot Messenger, mã theo dõi một nút bấm, popup được kích hoạt…. và thay vì mình phải gắn ở nhiều nơi trên trang web, thì mình tổng hợp toàn bộ lại thành các Thẻ, và các Trình kích hoạt trong Google Tagmanager.
Bạn có thể đọc về Google Tagmanager ở bài viết sau: Sử dụng Google Tagmanager
Tạo Vùng chứa mới:
Bạn đăng nhập vào Google Tagmanager (sử dụng tài khoản Google), ấn nút (+) để thêm vùng chứa cho dự án web Analyticsecret.com
Đặt tên vùng chứa cho dễ nhớ và phân biệt với các dự án khác. Ở đây mình sử dụng luôn tên trang web. Lựa chọn Nền tảng nhắm mục tiêu là Web
Sau khi nhấn Tạo, GTM sẽ hiển thị 2 đoạn mã để bạn chèn vào trong thẻ <head> và <body> của giao diện wordpress đang sử dụng (trong trường hợp tạo mã lần đầu, sẽ có một bảng điều khoản sử dụng GTM xuất hiện, bạn phải đồng ý những điều khoản này để sử dụng GTM).
Vào trang quản trị của WordPress, chọn mục Giao diện -> Sửa giao diện
Bạn vào mục Sửa giao diện trong phần Giao diện, chọn sửa file header.php ở danh mục file phía bên phải:
Điền đoạn mã mà GTM đã cung cấp vào ngay sau thẻ <head> và thẻ <body> giống như sau:
Lưu lại:
Kiểm tra xem đã cài đặt thành công chưa bằng tiện ích Google Tag Assistant .
Đọc bài Hướng dẫn sử dụng Google Tag Assistant để kiểm tra xem Google Tag Manager đã hoạt động chưa
Vậy là đã cài đặt thành công Google Tagmanager, bước tiếp theo là Cài đặt Google Analytics bằng Google Tag Manager
Cài đặt Google Analytics trên Google Tag Manager
Bước đầu tiên bạn phải tạo một biến Google Analytics:
Đặt tên dễ nhớ cho biến, ở đây mình đặt là GA-Analyticsecret.com, sau đó click Chọn loại biến để bắt đầu thiết lập:
Chọn Cài đặt Google Analytics
Điền ID theo dõi của Google Analytics mà bạn đã tạo ở bước trên, sau đó Lưu lại:
Chọn mục Thẻ, và tạo thẻ mới:
Đặt tên tuỳ chọn, ở đây mình đặt là Google Analytics, click vào Chọn loại thẻ để bắt đầu thiết lập
Chọn Google Analytics: Universal Analytics
Loại theo dõi chọn Lượt xem trang. Chọn Biến đã tạo ở phần trước (GA-Analyticsecret.com). Sau đó click vào Chọn trình kích hoạt để kích hoạt thẻ này:
Chọn All Pages:
Sau khi thêm trình kích hoạt xong ta sẽ được bảng giống như hình sau, nhấn Lưu lại
Nhấn nút Gửi
Sẽ có một bảng thông báo trước khi Xuất bản để bạn có thể ghi chú cũng như đặt tên cho lần phát hành phiên bản này. Sau cùng bạn ấn nút Xuất bản:
Bạn có thể sử dụng Googe Tag Assitant để kiểm tra xem mã Google Analytics đã chạy chưa. Hoặc vào Google Analytics chọn mục Thời gian thực sau đó vào web bằng một tab khác để kiểm tra:
Oke như vậy là mã Google Analytics đã chạy được thông qua Google Tagmanager, rất đơn giản đúng không?
Đến đây mình cũng đã cài đặt xong những phần cơ bản nhất của web Analyticsecret.com và cũng hoàn thiện bài viết này. Mọi thứ mới bắt đầu, hẹn gặp lại bạn trong những bài viết tiếp theo. Đừng quên có bất kỳ thắc mắc gì bạn hãy để lại comment dưới đây cho mình nhé!