Chat Zalo
Chat Facebook
Số 9 Ngõ 198 Trần Cung, Hà Nội +84-034-9955-435 Làm việc: 8h30 - 20h30, CN: 8h30 - 17h30

Google Analytics trên trang AMP

  • Google Analytics trên trang AMP

Google Analytics trên trang AMP

- Bạn đã bao giờ sử dụng AMP cho webiste Opencart chưa. Nếu chưa hãy đọc phần hướng dẫn của Google Dev trước khi mình hướng dẫn trên Opencart nhé


Hoặc

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
 
"vars" : {
   
"gtag_id": "<GA_TRACKING_ID>",
   
"config" : {
     
"<GA_TRACKING_ID>": { "groups": "default" }
   
}
 
}
}
</script>
</amp-analytics>

- Bài này mình hướng dẫn khi bạn đang sử dụng theme có tích hợp AMP, để kiểm tra website của bạn có AMP không thì cài exten AMP Validator vào chorme nhé

- Bây giờ là các bước hướng dẫn trên tất cả các version của Opencart

Bước 1: Chèn scrip amp trước </header>

- đường dẫn: http://temien.com/catalog/view/theme/default/template/common/header.twig

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

Bước 2: Chèn mã hỗ trợ amp trước thẻ </body>

- đường dẫn:  http://temien.com/catalog/view/theme/default/template/common/footer.twig

<amp-analytics
type="gtag" data-credentials="include"> <script type="application/json"> {   "vars" : {     "gtag_id": "<GA_TRACKING_ID>",     "config" : {       "<GA_TRACKING_ID>": { "groups": "default" }     }   } } </script> </amp-analytics>

- Ghi chú: <GA_TRACKING_ID> là mã Google Analytics của website. Ví dụ: UA-45446xxx-1

- Sau đó các bạn xóa cache website và cache trình duyệt đi nhé !!!

Mẫu trang AMP chứa Google Analytics:

<!doctype html>
<htmllang="en">   <head>     <meta charset="utf-8">     <title>AMP gtag demo</title>     <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">     <link rel="canonical" href="self.html" />     <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>     <!-- Load AMP -->     <script async src="https://cdn.ampproject.org/v0.js"></script>     <!-- Load amp-analytics -->     <script async custom-element="amp-analytics"

Comments

Write Comment

Note: HTML is not translated!

Give Rating

Loading... Please wait!

Related Blogs


Xác minh tên miền trong trình quản lý doanh nghiệp trên Facebook
270

Xác minh tên miền trong trình quản lý doanh nghiệp trên Facebook

Xác minh tên miền trong trình quản lý doanh nghiệp trên Facebook - Như các bạn đã biết, Facebook cho phép người dùng tạo trang cho sản phẩm/ thương hiệu, hay trang truyền thông, v.v.... Read More

  • 0
  • 0 Comments
Google Shopping cho OpenCart 3.0.2.0
213

Google Shopping cho OpenCart 3.0.2.0

Google Shopping cho OpenCart 3.0.2.0 Read More

  • 0
  • 0 Comments
Export/Import file Excel sản phẩm trong Opencart
232

Export/Import file Excel sản phẩm trong Opencart

Export/Import file Excel sản phẩm trong Opencart - 1 module rất hay cho tất cả các phiên bản Opencart (từ 1.5 đến 3x). Đó là module "Export/Import Tool" Read More

  • 0
  • 0 Comments
Chống copy nội dung bài viết cho Opencart
474

Chống copy nội dung bài viết cho Opencart

Nội dung website của bạn thường xuyên bị người khác copy? Bạn cảm thấy bực bội khi công sức của mình bị đánh cắp một cách trắng trợn? Đừng lo lắng vì đã có giải pháp cho vấn đề này. Read More

  • 0
  • 0 Comments

Search Blog