Huy hiệu Đánh giá của khách hàng qua Google đã được nâng cấp thành huy hiệu mới cho cửa hàng. Phiên bản mới này có thiết kế mới và nhiều lựa chọn hiển thị dễ thấy hơn để điểm xếp hạng, tổng số bài đánh giá và thông tin về chất lượng của cửa hàng trên trang web của bạn trở nên nổi bật hơn.
Mã huy hiệu cửa hàng là đoạn mã đầu tiên trong 2 đoạn mã bạn triển khai để tích hợp mã huy hiệu cửa hàng. Bạn không bắt buộc phải dùng huy hiệu này.
Trên trang này
Hướng dẫn tích hợp
Để tích hợp huy hiệu cửa hàng trên một trang, bạn phải:
Những thao tác này được mô tả trong phần tiếp theo.
Khi bạn triển khai mã huy hiệu trên các trang, một trong các huy hiệu sau đây sẽ xuất hiện:
| Huy hiệu Cửa hàng chất lượng cao | Huy hiệu điểm xếp hạng của cửa hàng | Huy hiệu Chất lượng cửa hàng |
| Thời gian: | Thời gian: | Thời gian: |
Nếu bạn đang sử dụng huy hiệu cũ, huy hiệu đó sẽ hiển thị một trong ba phiên bản huy hiệu dựa trên điểm xếp hạng chất lượng của cửa hàng.
Đừng che huy hiệu đó bằng bất kỳ nội dung nào khác trên các trang.
Cập nhật LOẠI TÀI LIỆU
Đảm bảo rằng các trang web mà bạn triển khai huy hiệu đều sử dụng LOẠI TÀI LIỆU HTML5:
<!DOCTYPE html>
Loại tài liệu này phải là mục ở hàng đầu tiên trong mã HTML trên trang. Việc sử dụng LOẠI TÀI LIỆU HTML5 đảm bảo rằng trình duyệt web sẽ hiển thị các trang của bạn ở chế độ tiêu chuẩn thay vì chế độ tương thích ngược. Chế độ tương thích ngược là kỹ thuật mà một số trình duyệt web sử dụng để duy trì khả năng tương thích ngược với các trang web được thiết kế cho những trình duyệt cũ hơn thay vì tuân thủ nghiêm ngặt các tiêu chuẩn W3C và IETF ở chế độ tiêu chuẩn.
Thêm huy hiệu cửa hàng
Bạn có thể thêm huy hiệu cửa hàng vào bất kỳ trang nào trên trang web mà bạn muốn huy hiệu đó xuất hiện để cho khách hàng biết rằng bạn sử dụng dịch vụ Đánh giá của khách hàng qua Google.
Cách thêm huy hiệu cửa hàng vào trang web:
- Chuyển đến giao diện mà bạn có thể chỉnh sửa HTML của trang web. Để chỉnh sửa, hãy chọn bước phù hợp nhất với bạn:
- Tìm HTML nguồn áp dụng cho tất cả các trang trên trang web.
- Chuyển đến trang cụ thể mà bạn muốn hiển thị huy hiệu.
- Sao chép và dán mã bên dưới vào phần
<head>của mã HTML.-
Không bắt buộc: Theo mặc định, huy hiệu này sẽ nằm ở phía dưới cùng bên phải của trang. Nếu bạn muốn đặt huy hiệu này ở dưới cùng bên trái của trang, hãy thay thế phần màu vàng của mã bên dưới bằng "
LEFT_BOTTOM".
-
<!-- BEGIN MerchantWidget Code -->
<script id='merchantWidgetScript'
src="https://www.gstatic.com/shopping/merchant/merchantwidget.js"
defer>
</script>
<script type="text/javascript">
merchantWidgetScript.addEventListener('load', function () {
merchantwidget.start({
position: 'RIGHT_BOTTOM'
});
});
</script>
<!-- END MerchantWidget Code →
- Người bán cũng có thể tuỳ chỉnh vị trí của huy hiệu. Trong khi tuỳ chỉnh vị trí, 4 tham số sẽ được đưa ra:
- sideMargin: số lượng pixel của huy hiệu ở cạnh bên. Khi bạn đặt vị trí thành LEFT_BOTTOM thì đó là lề của cạnh trái, khi bạn đặt vị trí thành RIGHT_BOTTOM thì đó là lề của cạnh phải. Giá trị mặc định là 36.
- bottomMargin: số lượng pixel của huy hiệu ở cạnh dưới. Giá trị mặc định là 36.
- mobileSideMargin: sideMargin khi hiển thị trên màn hình thiết bị di động. Giá trị mặc định là 16.
- mobileBottomMargin: bottomMargin khi hiển thị trên màn hình thiết bị di động. Giá trị mặc định là 46.
Dưới đây là ví dụ về cách tuỳ chỉnh vị trí:
<script id='merchantWidgetScript' src="https://www.gstatic.com/shopping/merchant/merchantwidget.js" defer></script>
<script type="text/javascript">
merchantWidgetScript.addEventListener('load', function () {
merchantwidget.start({
position: 'LEFT_BOTTOM',
sideMargin: 21,
bottomMargin: 33,
mobileSideMargin: 11,
mobileBottomMargin: 19
});
});
</script>
Sau quá trình thiết lập, HTML sẽ trông giống như mã dưới đây. Hãy đảm bảo rằng tệp HTML có dòng đầu tiên là <!DOCTYPE html>:
<!DOCTYPE html>
<html>
<head>
<title>Google Example</title>
<meta charset="UTF-8">
<meta name="description" content="An example HTML page with a head section">
<meta name="keywords" content="HTML, sample, head section">
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="script.js" defer></script>
<!-- BEGIN MerchantWidget Code -->
<script id='merchantWidgetScript'
src="https://www.gstatic.com/shopping/merchant/merchantwidget.js"
defer>
</script>
<script type="text/javascript">
merchantWidgetScript.addEventListener('load', function () {
merchantwidget.start({});
});
</script>
<!-- END MerchantWidget Code --> // <- put this code in head section
</head>
<body>
<h1>Welcome to Google </h1>
<p>This is a basic HTML document</p>
<p>Visit the <a href="https://www.google.com">Google homepage</a>.</p>
<script>
function greetGoogle() {
alert('Hello, Google! Have a great day!');
}
greetGoogle();
</script>
</body>
</html>
- Bạn cũng có thể tuỳ chỉnh khu vực (không bắt buộc). Nếu bạn không thiết lập, huy hiệu sẽ sử dụng cơ chế nhận diện vị trí để xác định khu vực.
Cách xoá đoạn mã huy hiệu cũ của cửa hàng
Hướng dẫn:
- Truy cập vào mã HTML của trang web và tìm mã huy hiệu cửa hàng.
- Xoá đoạn mã HTML sau để loại bỏ huy hiệu.
Hoặc
Việc đánh dấu là nội dung nhận xét cho đoạn mã sau đây cũng sẽ xoá đoạn mã đó khỏi trang web.
<script src="https://apis.google.com/js/platform.js?onload=renderBadge" async defer></script>
<script>
window.renderBadge = function() {
var ratingBadgeContainer = document.createElement("div");
document.body.appendChild(ratingBadgeContainer);
window.gapi.load('ratingbadge', function() {
window.gapi.ratingbadge.render(ratingBadgeContainer, {"merchant_id": 0});
});
}
</script>
Câu hỏi thường gặp
Huy hiệu và bảng điều khiển sẽ hiển thị như thế nào ở chế độ xem trên thiết bị di động so với chế độ xem trên máy tính?
Trang web của tôi được quản lý qua Shopify. Tôi vẫn có thể triển khai tính năng này không?
- Lưu ý: Có những người bán trên Shopify nói rằng Shopify sẽ tự động cắt bớt tất cả các dấu cách trong tập lệnh. Các dấu cách trong tập lệnh đều có chủ đích, nên hãy đảm bảo rằng chúng không bị cắt bớt.
Dữ liệu xuất hiện trong bảng điều khiển này đến từ đâu? Làm cách nào để xem hiệu suất chương trình?
Khách hàng có thể đóng huy hiệu này hoàn toàn không?
Huy hiệu này sẽ luôn hiển thị. Khách hàng có thể nhấp vào huy hiệu để phóng to bảng điều khiển. Khi bảng điều khiển mở ra, họ có thể nhấp vào biểu tượng đóng để thu nhỏ bảng điều khiển đó, trong khi huy hiệu vẫn hiển thị.