Vũ Thành Lâm

Thêm Google Analytic vào Google AMP page với WordPress

5/5 - (1 bình chọn)

Accelerated Mobile Pages (AMP) là dự án mã nguồn mở để biết thêm về HTML AMP thì ta tìm hiểu trong bài trước AMP HTML là gì

Google cũng cung cấp cho các bạn hướng dẫn để thiết lấp mã code Google Analytic vào AMP Page, trong khuôn khổ bài viết về WordPress này chúng tôi hướng dẫn các bạn kết nối AMP page.

Để chèn được mã google analytic vào AMP page sử dụng WordPress các bạn cần thiết phải cài đặt AMP Plugin cho WordPress trước đã Hướng dẫn cài đặt Google AMP WordPress plugin, Yoast SEO và Goolge AMP cài đặt sao cho chuẩn

Bước tiếp theo là login vào Google Analytic để lấy mã code nhưng chúng ta chỉ cần lấy ID là đủ

Tiếp đến chúng ta mở file Functions.php và thêm đoạn code sau vào


//AMP Analytics

function my_amp_scripts( $data ) {
$data['amp_component_scripts'] = array(
'amp-analytics' => 'https://cdn.ampproject.org/v0/amp-analytics-0.1.js'
);
return $data;
}
add_filter( 'amp_post_template_data', 'my_amp_scripts' );

function my_amp_analytics( $amp_template ) {
?>
<amp-analytics type="googleanalytics">
<script type="application/json">
{
"vars": {
"account": "UA-74386242-1"
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview"
}
}
}
</script>
</amp-analytics>
<?php
}
add_action( 'amp_post_template_footer', 'my_amp_analytics' );

Nhớ thay ID của bạn vào nhé
Bước tiếp theo kiểm tra xem bạn đã thêm Google analytic vào đúng chưa ta mở một đường dẫn của page AMP và theo dõi trong Google analytic vào mục thời gian thức và xem tổng quan sẽ thấy có liên kết đến và được kết thúc bởi /amp là được.


Nếu chưa chắc chắn với vấn đề này, bạn không thấy hiển thị trong bộ đếm online hiện hành của Google analytic thì cần phải Debug để xem lại code.

Exit mobile version