קוד התג של 'Google ביקורות צרכנים' הוא הראשון מתוך 2 קטעי קוד שאתם צריכים להטמיע כדי לשלב באתר את התוסף 'Google ביקורות צרכנים'. השימוש בתג הוא אופציונלי. אם אתם נתקלים בבעיות בהטמעת קוד התג, אפשר להיעזר במדריך לפתרון בעיות.
הקטע הבא עוסק בנושאים האלה:
הוראות הטמעה
כדי להטמיע בדף את התג של 'Google ביקורות צרכנים', צריך:
הפעולות האלה מתוארות בפירוט בסעיפים הבאים.
כשמטמיעים את קוד התג בדפי האתר, מופיעה התמונה הבאה:
ערכי הדירוג עשויים להשתנות. ברוב המקרים, צריך לפחות 100 ביקורות שהצטברו מהשנה האחרונה במדינה מסוימת כדי שדירוג החנות שלכם יופיע בתג.
חשוב לוודא שתוכן הדפים לא מסתיר את התג.
עדכון ה-DOCTYPE
חשוב לוודא שבדפי האינטרנט שבהם אתם מטמיעים את התג, ה-DOCTYPE הוא HTML5:
<!DOCTYPE html>
ה-doctype צריך להיות הפריט הראשון בקוד ה-HTML של הדף. השימוש ב-HTML5 DOCTYPE מבטיח שהדפדפנים יעבדו את הדפים במצב רגיל, ולא ב'מצב תאימות (quirks mode)'. מצב תאימות (quirks mode) הוא שיטה שחלק מהדפדפנים משתמשים בה כדי לשמור על תאימות לאחור עם דפי אינטרנט שמיועדים לדפדפנים ישנים יותר, במקום להשתמש רק בתקני W3C ו-IETF במצב רגיל.
הוספת התג
כדי להראות ללקוחות שלכם שאתם משתמשים ב-'Google ביקורות צרכנים', תוכלו להוסיף את תג התוכנית לכל דף באתר שלכם שבו אתם רוצים שהתג יופיע.
אם אתם רוצים לשלב את התג בתוך השורה, אפשר להשתמש בשיטה להוספת התג בתוך השורה. אם לא, אפשר להשתמש בשיטה הבאה כדי למקם את התג בפינה הימנית או השמאלית בתחתית הדף.
כדי להוסיף לאתר את התג של 'Google ביקורות צרכנים':
- מדביקים את קטע הקוד הבא בדף האינטרנט:
<!-- BEGIN GCR Badge Code -->
<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, {
// REQUIRED
"merchant_id": MERCHANT_ID,
// OPTIONAL
"position": "POSITION"
});
});
}
</script>
<!-- END GCR Badge Code -->
צריך להדביק את הקוד ממש לפני תג הסגירה </BODY> בדף. אם משלבים את הקוד הזה יחד עם קוד בקשת ההסכמה להשתתפות בסקר, הסדר לא משנה.
- מחליפים את המשתנים בערכים דינמיים שמתאימים לאתר הספציפי שלכם. הטבלה הבאה מתארת את ההגדרות האפשריות:
משתנה | חובה? | תיאור |
---|---|---|
MERCHANT_ID | חובה | מספר חשבון Merchant Center שלכם. אפשר למצוא אותו ב-Google Merchant Center. |
POSITION | אופציונלי |
משתנה זה קובע היכן יוצג התג. המיקומים האפשריים הם:
מיקום ברירת המחדל של התג הוא "BOTTOM_RIGHT". |
- אם אתם רוצים לבחור את השפה שבה יוצג התג, אפשר להדביק את קטע הקוד הבא בדף האינטרנט. אם לא מציינים ערך לפרמטר lang, שפת התג תיבחר באופן אוטומטי לפי הגדרת הדפדפן של המשתמש.
<!-- BEGIN GCR Language Code -->
<script>
window.___gcfg = {
lang: 'LANGUAGE'
};
</script>
<!-- END GCR Language Code -->
צריך להדביק את הקוד ממש לפני תג הסגירה </BODY> בדף. אם משלבים את הקוד הזה ביחד עם קוד התג, הסדר לא משנה.
כדי להגדיר את ערך הפרמטר lang, מחליפים את המילה LANGUAGE באחד מהקודים הנתמכים הבאים מעמודת השפות הנתמכות:
קוד |
שם השפה |
---|---|
af |
אפריקאנס |
ar |
ערבית |
cs |
צ'כית |
da |
דנית |
de |
גרמנית |
en |
אנגלית |
en-AU |
אנגלית (אוסטרליה) |
en-GB |
אנגלית (בריטניה) |
en-US |
אנגלית (ארה"ב) |
es |
ספרדית |
es-419 |
ספרדית (אמריקה הלטינית) |
fil |
פיליפינית |
fr |
צרפתית |
ga |
אירית |
id |
אינדונזית |
it |
איטלקית |
ja |
יפנית |
ms |
מלאית |
ml |
הולנדית |
no |
נורווגית |
pl |
פולנית |
pt-BR |
פורטוגזית (ברזיל) |
pt-PT |
פורטוגזית |
ru |
רוסית |
sv |
שוודית |
tr |
טורקית |
zh-CN |
סינית (פשוטה) |
zh-TW |
סינית (מסורתית) |
- חוזרים על שלבים 1 עד 3 בכל הדפים באתר שבהם רוצים שהתג יופיע.
- כדי להשלים את הטמעת התוכנית, חייבים להוסיף את מודול בקשת ההסכמה להשתתפות בסקר לדף אישור ההזמנה. הטמעת המודול היא חובה.
- כדי לטעון את ה-JavaScript של התג, מדביקים את השורה הבאה לפני תג body הסוגר בדף ה-HTML:
<script src="https://apis.google.com/js/platform.js" async defer></script>
- מדביקים את השורה הבאה ב-HTML במיקום בדף שבו רוצים שהתג יופיע:
<g:ratingbadge merchant_id=MERCHANT_ID></g:ratingbadge>
מחליפים את MERCHANT_ID במספר החשבון שלכם ב-Merchant Center.
- מציינים את השפה שבה רוצים שהתג יוצג, לפי התיאור שמופיע כאן.
- מוסיפים את מודול בקשת ההסכמה להשתתפות בסקר לדף אישור ההזמנה. הטמעת המודול היא חובה.
קוד תג לדוגמה
הקוד שבדוגמה הבאה ממקם את התג של מוכר עם מספר מזהה 42 בפינה השמאלית התחתונה של הדף:
<!-- BEGIN GCR Badge Code -->
<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": 42,
"position": "BOTTOM_LEFT"
});
});
}
</script>
<!-- END GCR Badge Code →
<!-- BEGIN GCR Language Code -->
<script>
window.___gcfg = {
lang: 'en_US'
};
</script>
<!-- END GCR Language Code -->
אם התג לא מופיע בדף או שמתקבלות שגיאות כשטוענים את הדף, אפשר לנסות את הפתרונות שמפורטים כאן.