Mẹo nhỏ: Để tìm kiếm chính xác các sản phẩm thiết kế website và các ấn phẩm của Đệ Tứ Sama, hãy search trên Google với cú pháp: "Từ khóa" + "Đệ Tứ Sama". (Ví dụ: Thiết kế website Đệ Tứ Sama). Tìm kiếm ngay
355 lượt xem

[100% xong]Hướng dẫn chèn mã Google Analytics cho AMP trong WordPress

Chào các bạn, AMP trong wordpress là bước làm không thể thiếu đối với người làm blog, hay các trang tin tức nói chung và nếu bạn chưa hiểu tại sao thì hãy xem lại bài viết ( Cách tạo Trang cho thiết bị di động được tăng tốc AMP trong WordPress ) để hiểu các lý do, lợi ích của việc cài đặt AMP cho website wordpress.

Tuy nhiên vì bạn đã can thiệp vào chức năng cố định của wordpress để tạo thêm tính năng AMP cho website của bạn tương đương với một rủi ro có thể xảy ra, đó là gì ?

Vâng, chính là việc các mã của Google Analytics sẽ không thể tự động quét và thống kê dữ liệu của các trang dạng AMP . Tại sao vậy? Thật ra việc can thiệp bằng plugin AMP cho wordpress chính là đã sử dụng một giao diện độc lập hoàn toàn với trang không sư dụng AMP trong wordpress

Vậy sau khi cài đặt AMP cho website thì việc cần thiết tiếp theo là lập tức cài đặt ( chèn mã) Google Analytics cho các trang AMP để thu thập thông tin dữ liệu người dùng được chính xác nhất.

Chúng ta có các bước để chèn mã Google Analytics vào AMP trong wordpress dưới đây:

 


Bước 1 : Trước tiên chúng ta lấy mã google Analytics từ Google như sau:

 

Vào website Google Analytics vào mục Quản trị viên (1), ở cột thuộc tínchọn Thông tin theo dõi > Mã theo dõi (2) để lấy lại mã theo dõi.

Lấy mã theo dõi trong google analytics
Lấy mã theo dõi trong Google Analytics
Xem xong ảnh rồi thì chỉ cần nhớ  copy đoạn “UA-xxxxxxxx-x” là xong nhé

Bước 2: Thay thế google vào code sau

Dưới đây là một đoạn code đã tạo sẵn, bạn chỉ việc lấy mã vừa lấy ở bước 1 để thay vào “UA-76285936-1” được bôi đậm màu cam trong đoạn code dưới, lưu lại vào một file dưới máy tính để chuẩn bị cho bước 3:

 

Bước 3: chèn mã google analytics vào AMP trong wordpress

Chúng ta có 2 cách để thực hiện bước này, tùy vào thói quen và kỹ năng nhé. Khuyến các các bạn dùng cách 1 thì cần nhớ mình dán những gì và dán vào đâu, tránh việc làm hỏng mọi thứ( vì lúc bạn làm sai thì chỉ cần xóa đoạn vừa dán đi để khôi phục hiện trạng và thực hiện bằng cách khác nhé)

Cách 1: Đăng nhập quản trị website bạn như bình thước –> chọn Gói mở rộng > Đã cài đặt [1], tìm đến plugin AMP  như hình sau đó nhấp vào chỉnh sửa [2] để vào trang chỉnh sửa plugin.

Cách dán mã google analytics vào AMP thủ công

Sau khi chọn chỉnh sửa, bạn sẽ nhận ra mình đang ở trong cái giao diện như hình ảnh dưới đây, hãy để ý cột bên phải nhé, nhìn vào số 1 trong ảnh , hãy chắc chắn rằng bạn đang chỉnh sửa tập tinh đó, có thể nhìn trên thanh trạng thái chỗ chữ (Editing…) ở góc trái trên, để xem có phải tên file  amp/templates/footer.php (1)  không nếu không đúng thì click vào nó (chỗ số 1 ấy), sau đó dán đoạn code Google  Analytics cho amp đã lấy được ở bước 2 vào ngay phía sau thẻ </footer> như  chỗ số 2:

Sau đó hãy nhớ click vào nút Cập nhật tập tin để lưu.

Tiếp theo, vẫn là cái giao diện đó, các bạn nhìn sang bên phải  tìm đến dòng chữ xanh xanh có tên amp/templates/single.php và chèn đoạn mã phía dưới vào vị trí như trong hình:

 

Dán code vào gile single

Như vậy mình đã hướng dẫn xong các bạn chèn lại mã theo dõi của Analytics vào trang sử dụng AMP trong WordPress.

Lưu ý : Cách này chính là chúng ta xử lý chỉnh sửa trực tiếp file trên hosting nên một số theme hoặc một số plugin sẽ không có phần chỉnh sửa này mà buộc bạn cần thực hiện Chỉnh sửa các file trên hosting Xem cách thực hiện ở bài viết (Truy cập hosting và chỉnh sửa file php trực tiếp )

Cách 2: Nếu các bạn cảm thấy khó khăn thì ở Cách 1 thì các bạn có thể cài thêm plugin Glue for Yoast SEO & AMP (trước đó bạn phải cài Plugin Yoast SEO nhé. ), sau khi cài xong thì kích hoạt luôn nhé:

Sau khi các bạn cài xong, các bạn vào phần SEO > AMP:

Bây giờ bạn có thể tuỳ chỉnh cho site của bạn bằng cách vào từng mục để chọn, ở đây mình hướng dẫn chèn mã analytics nên các bạn vào luôn phần analytics và copy đoạn code ở Bước 2 phía trên chèn vào rồi lưu lại là xong nhé ;).

Chúc các bạn thành công !

Thông báo chính thức: Blog Thiết kế website Đệ Tứ Sama (...) không hợp tác với bất kỳ ai để bán giao diện WordPress và cũng không bán ở bất kỳ kênh nào ngoại trừ Facebookzalo chính thức.

Chúng tôi chỉ support cho những khách hàng mua source code chính chủ. Xin cám ơn!

Bài viết liên quan