Danh mục: Hướng dẫn học WordPress, Thủ thuật SEO

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

29 Tháng Hai, 2016221 Lượt xem
Xem với phiên bản Google AMP, Vinhomes Thăng Long, Mua bán Piano, cửa nhôm xingfa
Thêm Google Analytic vào Google AMP page với WordPress
Đánh giá bài viết

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à đủ

Thêm Google Analytic vào Google AMP page với WordPress 2016-02-29_113805

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.

Thêm Google Analytic vào Google AMP page với WordPress 2016-02-29_114449
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.

About Vũ Thành Lâm

Thêm Google Analytic vào Google AMP page với WordPress 6c99874f75cccd390c6e4303a3653bda?s=100&r=gLamvt - Tên thật là Vũ Thành Lâm năm sinh 197x tại xã Đại Đồng - huyện Thạch Thất - Hà Tây quê lụa
Yêu Joomla, thích WordPress và đam mê SEO
Từng là GMOD của cộng đồng Joomla Việt, Admin của Thế giới SEO, thành viên tích cực trong Group WordPress Hà Nội
Liên hệ ĐT: 0169981 Năm Hai Ba Hai

Bài viết mới nhất

Tin được quan tâm

Bài viết cùng chủ đề

Ibmeduca.org: Viện Kinh Thánh truyền giáo
Ibmeduca.org là website của Viện Kinh Thánh truyền giáo  Trang web được thiết kế trên nền tảng mã nguồn SEO tốt nhất đó là hệ quản trị nội dung sử dụng Responsive Bootstrap version mới nhất, tăng tốc độ load một...
3 Cách tăng lượng truy cập Website giúp SEO lên Top Google
Bất cứ ai làm kinh doanh trên cũng muốn website của mình có được lưu lượng truy cập cao giúp tăng doanh thu đồng thời cũng giúp cho việc SEO lên Top Google. Điều đó có nghĩa là bạn muốn mỗi...
36 cách tối ưu hóa chiến dịch Google AdWords
Để trang web của bạn có được vị trí tốt trên bảng xếp hạng, bạn nên tối ưu hoá các chiến dịch Google AdWords vì vậy ở bài viết này tôi sẽ đưa ra danh sách các tối ưu hóa...
Kiếm 1.4 triệu USD Với Google AdSense và Facebook một cách đơn giản
Google AdSense và quảng cáo Facebook có giúp bạn kiếm ra tiền, tăng thu nhập cho một doanh nghiệp? Điều đó hoàn toàn có thể xảy ra nhé. Tôi sẽ chỉ cho bạn cách tôi đã kiếm được hơn $ 1.4...
Bootstrap Pagination Phân trang trong bootstrap
Trong bài trước, chúng ta đã tìm hiểu về bootstrap tabs và pills, giúp thu gọn một lượng lớn nội dung mà vẫn giữ được bố cục trang. Xem thêm: Bootstrap Tabs và Pills Trong bài này, chúng ta cùng tìm...