במדריך הזה מוסבר איך מפתחי אפליקציות של צד שלישי יכולים להשתמש
MerchantSupport
שירות כדי ליצור למוֹכרים דף ניתוח בתוך האפליקציה.
אפשר להשתמש השירות הזה כדי ליצור ממשקי משתמש שדומים לחשבון Merchant Center ניתוחי נתונים ומוצר בעיות.
השירות MerchantSupport
מיועד לממשקי משתמש של צד שלישי בלבד. הבקשות צריכות להיות
מופעל כשמוכר יוצר אינטראקציה עם ממשק המשתמש של האפליקציה שלכם. כדי להפוך את התהליך לאוטומטי
ניתוח הביצועים של חשבון המוכר שלכם, ראו חשבון
status, product
הסטטוס והמוצר
לסינון.
מומלץ לספק באפליקציה את הדפים הבאים כדי לעזור פתרון בעיות של מוכרים:
- ניתוח נתוני החשבון
- ניתוח נתוני מוצרים
אפשרויות שונות להטמעת דף 'אבחון'
יש כמה דרכים להטמיע את דף האבחון. בהתאם לצרכים שלך,
בוחרים באפשרות שקובעת את אופן הטיפול בפעולות אבחון מורכבות. לחשבון
הבקשה אפשר להגדיר את user_input_action_option
לאחת מהאפשרויות הבאות
אפשרויות:
REDIRECT_TO_MERCHANT_CENTER
: זוהי אפשרות ברירת המחדל. פעולות לדרוש הצגה של תוכן נוסף או לקבל קלט נוסף שהמוֹכרים לא מוטמעים באפליקציה באופן מלא. עבורם, ה-API מספק מפנה לדף המתאים ב-Merchant Center שבו המוכר יכול לבצע את הפעולה.BUILT_IN_USER_INPUT_ACTIONS
: אפשר להטמיע פעולות מורכבות שמצריכות קלט של משתמשים כפתרון בתוך האפליקציה.
הטמעה של דף אבחון
בקטע הזה מוסבר איך מטמיעים את דף האבחון. הוא משתמש בברירת המחדל אפשרות (פשוטה) לטפל בפעולות מורכבות כהפניות אל Merchant Center.
להטמעה מתקדמת יותר עם פעולות בתוך האפליקציה, כדאי לעיין במאמרים הבאים: בקטע הטמעה של פעולה מובנית על סמך קלט של משתמשים.
הטמעה
כך אנחנו מציעים שהזרימה של דף האבחון צריכה להיראות:
- מוכר פותח דף אבחון באפליקציה שלכם.
האפליקציה שלך מבקשת אבחון באמצעות קריאה לשירות
MerchantSupport
.הנה בקשה לדוגמה:
POST https://shoppingcontent.googleapis.com/content/v2.1/{merchantId}/merchantsupport/renderaccountissues?timeZone=America/Los_Angeles&languageCode=en-GB {}
מחליפים את {merchantId} במזהה הייחודי של החשבון שאליו רוצים להפעיל את עיבוד הפעולה.
האפליקציה מציגה את האבחון ואת הפעולות המומלצות מהתשובה למוכר. תגובה לדוגמה:
{ "issues": [ { "title": "Misrepresentation", "impact": { "message": "Prevents all products from showing in all countries", "severity": "ERROR", "breakdowns": [ { "regions": [ { "code": "001", "name": "All countries" } ], "details": [ "Products not showing organically" ] } ] }, "prerenderedContent": "\u003cdiv class=\"issue-detail\"\u003e\u003cdiv class=\"issue-content\"\u003e\u003cp class=\"content-element\"\u003e\u003cspan class=\"segment\"\u003eBased on the information available about your business, there is reason to believe that customers are being misled on Google. Review the Misrepresentation policy and make changes to your Merchant Center and/or online store.u003c/span\u003e\u003c/p\u003e\u003cp class=\"content-element root-causes-intro\"\u003e\u003cspan class=\"segment\"\u003eMake sure your Merchant Center and online store follow the following best practices / guidelines\u003c/span\u003e\u003c/p\u003e\u003cul class=\"content-element root-causes\"\u003e\u003cli\u003e\u003cp\u003e\u003cspan class=\"segment\"\u003eProvide transparency about your business identity, business model, policies and how your customers can interact with you\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cspan class=\"segment\"\u003ePromote your online reputation by showing reviews or highlighting any badges or seals of approval\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp class=\"tooltip tooltip-style-info\"\u003e\u003cspan class=\"segment\"\u003eUse a professional design for your online store that includes an SSL certificate\u003c/span\u003e\u003cspan class=\"tooltip-icon\"\u003e\u003cbr\u003e\u003c/span\u003e\u003cspan class=\"tooltip-text\"\u003e\u003cspan class=\"segment\"\u003eMake sure it's accessible for all users without any redirects and doesn't have any placeholders for text and images.u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp class=\"tooltip tooltip-style-info\"\u003e\u003cspan class=\"segment\"\u003eProvide information in the business information settings in your Merchant Center\u003c/span\u003e\u003cspan class=\"tooltip-icon\"\u003e\u003cbr\u003e\u003c/span\u003e\u003cspan class=\"tooltip-text\"\u003e\u003cspan class=\"segment\"\u003eLink any relevant third-party platforms to your Merchant Center and create a Google Business Profile.u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cspan class=\"segment\"\u003eFollow SEO guidelines, improve your eligibility for seller ratings and match your product data in your Merchant Center with your online store\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003ca href=\"https://support.google.com/merchants/answer/6150127?hl=en-US\" class=\"content-element\"\u003eLearn more about the Misrepresentation policy\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e", "actions": [ { "externalAction": { "type": "REVIEW_ACCOUNT_ISSUE_IN_MERCHANT_CENTER", "uri": "https://merchants.google.com/mc/products/diagnostics/accountissues?a=672911686&hl=en-US" }, "buttonLabel": "Request review", "isAvailable": true } ] }, { "title": "Adult-oriented content", "impact": { "message": "Prevents all products from showing in all countries", "severity": "ERROR", "breakdowns": [ { "regions": [ { "code": "001", "name": "All countries" } ], "details": [ "Products not showing organically" ] } ] }, "prerenderedContent": "\u003cdiv class=\"issue-detail\"\u003e\u003cdiv class=\"callout-banners\"\u003e\u003cdiv class=\"callout-banner callout-banner-info\"\u003e\u003cp\u003e\u003cspan class=\"segment\"\u003eReview requested on Aug 9, 2023. It can take a few days to complete.u003c/span\u003e\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"issue-content\"\u003e\u003cp class=\"content-element\"\u003e\u003cspan class=\"segment\"\u003eThere was a problem identified with the sale of prohibited adult products on your online store. In the case that you are intentionally selling adult items, enable Adult content in Settings in your Merchant Center. In your product file, use the \u003c/span\u003e\u003cspan class=\"segment segment-attribute\"\u003eadult\u003c/span\u003e\u003cspan class=\"segment\"\u003e attribute for specific products.u003c/span\u003e\u003c/p\u003e\u003cp class=\"content-element root-causes-intro\"\u003e\u003cspan class=\"segment\"\u003eMake sure the products meet the policy requirements\u003c/span\u003e\u003c/p\u003e\u003cul class=\"content-element root-causes\"\u003e\u003cli\u003e\u003cp class=\"tooltip tooltip-style-info\"\u003e\u003cspan class=\"segment\"\u003eAdult oriented content may be prohibited or restricted depending on the product sold and the country it is sold\u003c/span\u003e\u003cspan class=\"tooltip-icon\"\u003e\u003cbr\u003e\u003c/span\u003e\u003cspan class=\"tooltip-text\"\u003e\u003cspan class=\"segment\"\u003eSee a full list of countries in the HelpCenter\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp class=\"tooltip tooltip-style-info\"\u003e\u003cspan class=\"segment\"\u003eDon't list sexually explicit content that is intended to arouse or includes content such as text, image, audio, or video of graphic sexual acts intended to arouse\u003c/span\u003e\u003cspan class=\"tooltip-icon\"\u003e\u003cbr\u003e\u003c/span\u003e\u003cspan class=\"tooltip-text\"\u003e\u003cspan class=\"segment\"\u003eExamples: Graphic depictions of sexual acts in progress, including hardcore pornography, any type of genital, anal, or oral sexual activity; graphic depictions of masturbation or genital arousal and language explicitly referencing arousal, masturbation, cartoon porn, or hentai\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003ca href=\"https://support.google.com/merchants/answer/6150138?hl=en-US#wycd-restricted-adult-content\" class=\"content-element\"\u003eLearn more about the Adult-oriented content policy\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e" }, { "title": "Missing return and refund policy", "impact": { "message": "Limits visibility of all products in all countries", "severity": "ERROR", "breakdowns": [ { "regions": [ { "code": "001", "name": "All countries" } ], "details": [ "Limited visibility for products showing organically" ] } ] }, "prerenderedContent": "\u003cdiv class=\"issue-detail\"\u003e\u003cdiv class=\"issue-content\"\u003e\u003cp class=\"content-element\"\u003e\u003cspan class=\"segment\"\u003eThere was a problem identified with the return and/or refund policy of your online store. Update your return or refund policy to provide customers a transparent shopping experience.u003c/span\u003e\u003c/p\u003e\u003cp class=\"content-element root-causes-intro\"\u003e\u003cspan class=\"segment\"\u003eMake sure your products meet the Shopping policy requirements\u003c/span\u003e\u003c/p\u003e\u003cul class=\"content-element root-causes\"\u003e\u003cli\u003e\u003cp class=\"tooltip tooltip-style-info\"\u003e\u003cspan class=\"segment\"\u003eIt's available on your online store\u003c/span\u003e\u003cspan class=\"tooltip-icon\"\u003e\u003cbr\u003e\u003c/span\u003e\u003cspan class=\"tooltip-text\"\u003e\u003cspan class=\"segment\"\u003eWe recommend that you have a separate landing page for your policy and link to it from the other pages on your online store, so that it's easy to find.u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp class=\"tooltip tooltip-style-info\"\u003e\u003cspan class=\"segment\"\u003eIt's available in the language of the country you're selling in or in English\u003c/span\u003e\u003cspan class=\"tooltip-icon\"\u003e\u003cbr\u003e\u003c/span\u003e\u003cspan class=\"tooltip-text\"\u003e\u003cspan class=\"segment\"\u003eMake sure that the return and/or refund policy is available in the target language or in English. Ideally, users should be given the option to select the return and/or refund policy in their own language.u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cspan class=\"segment\"\u003eIt's accessible to everyone visiting your online store, without having to log in, sign up or enter any personal information\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003ca href=\"https://support.google.com/merchants/answer/9158778?hl=en-US\" class=\"content-element\"\u003eLearn more about Missing return and refund policy\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e", "actions": [ { "externalAction": { "type": "REVIEW_ACCOUNT_ISSUE_IN_MERCHANT_CENTER", "uri": "https://merchants.google.com/mc/products/diagnostics/accountissues?a=672911686&hl=en-US" }, "buttonLabel": "Request review", "isAvailable": true } ] } ], "alternateDisputeResolution": { "uri": "https://support.google.com/european-union-digital-services-act-redress-options?hl=en-US", "label": "Additional options available to you" } }
מומלץ להציג את הבעיות לפי הסדר שבו הן הוחזרו, בצירוף
title
וגםimpact.message
. מומלץ גם להציג אתimpact.breakdowns
של הבעיה כשהמוכר מעביר את העכבר מעל הבעיה שם או תיאור.המוכר לוחץ על בעיה מהרשימה.
באפליקציה שלך מוצג פירוט של
impact
לגבי כל בעיה בכלcountry
,destination
,prerendered_content
ולחצנים לactions
שהמוכר יכול לבצע כדי לפתור את הבעיה. יש סוגים שונים של פעולות:- פעולות חיצוניות: מצביעים על הדף החיצוני, לדוגמה, Merchant Center, שבו המוכר יכול לפתור את הבעיה.
- פעולות פשוטות מובנות: מצביעים על הדף באפליקציה שבו המוכר יכול לפתור את הבעיה.
- פעולות מובנות של קלט משתמש: פותחים תיבת דו-שיח שבה המוכר יכול
לספק את המידע הנדרש ולבקש שינקטו את הפעולה הרצויה. הסוג הזה של
הפעולה זמינה רק אם
BUILT_IN_USER_INPUT_ACTIONS
היה נדרש.
המוכר פועל לפי ההוראות כדי לפתור את הבעיה.
המוכר טוען מחדש את דף האבחון באפליקציה.
האפליקציה שלך שולחת בקשה נוספת לשירות
MerchantSupport
, וכן תוצג רשימה מעודכנת של בעיות.
אפשר להשוות בין המידע שמוצג באפליקציה הסופית לבין המידע שמופיע דפי האבחון ב-Merchant Center Center כדי לאמת את יישום בפועל.
דוגמאות של ממשק משתמש
הדוגמה הבאה מראה איך אפשר להציג את המידע מ-
תגובה renderaccountissues
בדף 'ניתוח נתוני חשבון'. אובייקטים ב-
ממשקי המשתמש ממופים לשדות ה-API התואמים בדוגמה. אפשר ליצור
לדף הבעיות במוצרים.
כך נראה דף אבחון החשבון המאוכלס:
סגנון HTML שעבר עיבוד מראש
התגובה מהתקשרות לשירות MerchantSupport
כוללת את
בשדה prerendered_content
, הפרטים של כל בעיה ב-HTML. אפשר להטמיע
את התוכן הזה ישירות בממשק המשתמש כדי להציג את הבעיה באופן קריא
הפורמט.
ייתכן שיופיעו רכיבי HTML עם המחלקה new-element
. new-element
ה-class מוחל על רכיבים שנוספים ל-HTML לאחר השילוב
עם השירות של MerchantSupport
. מומלץ להסתיר אלמנטים בכיתה
new-element
, כדי שתוכלו לעצב את הרכיבים האלה לפני שהם יוצגו
משתמשים באפליקציה.
דוגמה לערך בשדה prerendered_content
:
<div class="issue-detail">
<div class="callout-banners">
<div class="callout-banner callout-banner-info"><p><span class="segment">Review requested on Aug 9, 2023. It can take a few days to complete.</span>
</p></div>
</div>
<div class="issue-content"><p class="content-element"><span class="segment">There was a problem identified with the sale of prohibited adult products on your online store. In the case that you are intentionally selling adult items, enable Adult content in Settings in your Merchant Center. In your product file, use the </span><span
class="segment segment-attribute">adult</span><span class="segment"> attribute for specific products.</span>
</p>
<p class="content-element root-causes-intro"><span class="segment">Make sure the products meet the policy requirements</span>
</p>
<ul class="content-element root-causes">
<li><p class="tooltip tooltip-style-info"><span class="segment">Adult oriented content may be prohibited or restricted depending on the product sold and the country it is sold</span><span
class="tooltip-icon"><br></span><span class="tooltip-text"><span class="segment">See a full list of countries in the HelpCenter</span></span>
</p></li>
<li><p class="tooltip tooltip-style-info"><span class="segment">Don't list sexually explicit content that is intended to arouse or includes content such as text, image, audio, or video of graphic sexual acts intended to arouse</span><span
class="tooltip-icon"><br></span><span class="tooltip-text"><span class="segment">Examples: Graphic depictions of sexual acts in progress, including hardcore pornography, any type of genital, anal, or oral sexual activity; graphic depictions of masturbation or genital arousal and language explicitly referencing arousal, masturbation, cartoon porn, or hentai</span></span>
</p></li>
</ul>
<a href="https://support.google.com/merchants/answer/6150138?hl=en-US#wycd-restricted-adult-content"
class="content-element">Learn more about the Adult-oriented content policy</a></div>
</div>
כך הוא נראה אם הטמעת את קוד ה-HTML הקודם
prerendered_content
באפליקציה ללא עיצוב:
אפשר להשתמש בכמה מחלקות CSS כדי לשנות את האופן שבו התוכן רינדור בממשק המשתמש. לפניכם דוגמת CSS שאפשר להשתמש בה:
issue-detail {
text-align: left;
width: 700px;
border-radius: 8px;
background: white;
margin: 16px;
padding: 16px;
}
.content-element {
margin: 8px 0 8px 0;
display: block;
}
/* callout banners */
.callout-banners {
margin: 0 0 16px 0;
}
.callout-banner {
display: block;
padding: 16px 16px 6px 16px;
margin: 0 0 8px 0;
border-radius: 8px;
}
.callout-banner-info {
background: #e8f0fe;
}
.callout-banner-warning {
background: #fef7e0;
}
.callout-banner-error {
background: #fce8e6;
}
/* add an icon to the callout banner */
.callout-banner p {
background-repeat: no-repeat;
padding-left: 32px;
}
.callout-banner-error p {
background-image: url("https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/error/default/20px.svg");
}
.callout-banner-warning p {
background-image: url("https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/warning/default/20px.svg");
}
.callout-banner-info p {
background-image: url("https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/search/default/20px.svg");
}
/* segments with style */
.segment-attribute {
color: #198639;
font-family: monospace, monospace;
}
.segment-bold {
font-weight: bold;
}
.segment-italic {
font-style: italic;
}
/* tooltip */
.tooltip {
position: relative;
}
.tooltip-style-info .tooltip-icon:before {
content: '(i)';
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-left: 5px;
}
.tooltip-style-question .tooltip-icon:before {
content: '(?)';
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-left: 5px;
}
.tooltip .tooltip-text {
visibility: hidden;
text-align: left;
background: white;
border-radius: 8px;
padding: 5px 0;
border: 1px solid;
padding: 10px;
box-shadow: 3px 7px 12px #c1c1c1;
position: absolute;
z-index: 1;
}
.tooltip:hover .tooltip-text {
visibility: visible;
}
/* table */
table.content-element {
margin: 16px 0 16px 0;
border: 1px solid #ccc;
border-collapse: collapse;
margin: 1em 0;
}
table.content-element th {
background-color: #eee;
}
table.content-element th, table td {
border: 1px solid #ddd;
font-size: 0.9em;
padding: 0.3em 1em;
}
/* hidde elements added in future, until they are supported in your application */
.new-element {
visibility: hidden;
}
כך נראה התוכן שעבר עיבוד אם משתמשים ב-CSS הקודם:
אפשר גם להגדיר ולהציג הסברים קצרים ב-CSS:
הטמעת פעולה מובנית על סמך קלט של משתמשים
פעולה מובנית עם קלט משתמשים מאפשרת לבצע אבחון מורכב כפתרון בתוך האפליקציה. מומלץ להטמיע בתיבת הדו-שיח שבה המוֹכר יכול לספק את המשוב שלו, ניתן לקרוא ומאשרים את הבקשה.
כל פעולה מכילה תהליך אחד או יותר של פעולה. בחלק מהפעולות, יכול להיות יותר מתהליך אחד. לדוגמה, יכול להיות שיש תהליך אחר מוכר מבקש בדיקה נוספת כי הוא לא מסכים עם ההחלטה ותהליך אחר כאשר הם כבר פתרו את הבעיה.
כדי לבקש נתונים לבצע פעולות מורכבות על סמך קלט של משתמשים, צריך להגדיר
השדה user_input_action_option
לערך BUILT_IN_USER_INPUT_ACTIONS
.
POST https://shoppingcontent.googleapis.com/content/v2.1/{merchantId}/merchantsupport/renderaccountissues
{
"user_input_action_option": "BUILT_IN_USER_INPUT_ACTIONS"
}
מחליפים את {merchantId} במזהה הייחודי של החשבון שאליו רוצים להפעיל את עיבוד הפעולה.
הטמעה
כך אנחנו מציעים את הזרימה של דף האבחון לבקשת משתמש הקלט אמור להיראות כך:
המוכר לוחץ על לחצן הפעולה.
- אם יש מספר תהליכים זמינים, האפליקציה מציעה את כולם כדי מוכרים יכולים לבחור אפשרות אחת על סמך הכוונה שלהם.
- המוכר בוחר את התהליך.
באפליקציה מוצגים השם, ההודעה, היתרונות המרכזיים וטופס הקלט של המשתמשים עבור תהליך הפעולה שנבחר. מומלץ להציג את הפרטים האלה
- נכס היתרונות המרכזיים, אם קיים, מכיל מידע חשוב שמטרתו לעזור למוכר כדי להבין טוב יותר איך הפעולה פועלת ומה צריך לעשות להצליח. מומלץ להדגיש את ההודעה הזו ולעצב אותה בהתאם לחומרת ההסבר.
- אם יש שדות להזנת קלט בזרימה, צריך להציג אותם כך יכול לספק ערכים. אם השדה להזנת קלט מסומן כחובה, האפליקציה לא יכולה לאפשר למוכר לשלוח את הבקשה לפני שהוא מספקים את הערך.
המוכר קורא את המידע ומספק את הערכים המבוקשים.
המוכר מאשר את הבקשה בלחיצה על הלחצן.
האפליקציה מפעילה את עיבוד הפעולה על ידי שליחת קריאה אל שירות אחד (
MerchantSupport
). הנה בקשה לדוגמה:POST https://shoppingcontent.googleapis.com/content/v2.1/{merchantId}/merchantsupport/triggeraction { actionContext: "ActionContextValue=", actionInput: { actionFlowId: "flow1", inputValues: [ { input_field_id: "input1", checkbox_input_value: { value: true } } ] }
מחליפים את {merchantId} במזהה הייחודי של החשבון שאליו רוצים להפעיל את עיבוד הפעולה.
כדי לגשת ל-method
triggeraction
עבורBuiltInUserInputAction
, צריך לשלוח באמצעות ה .באפליקציה שלך מוצגת הודעת האישור שהוחזרה מ-
MerchantSupport
לאחר השיפור.- אם השירות מחזיר שגיאת אימות עם הערך
INVALID_ARGUMENT
, הוא מכיל מידע מפורט הודעת שגיאה מותאמת לשוק המקומי שאמורה להופיע למוֹכר. ההמלצות שלנו שמציגה שגיאה כזו קרוב לשדה הקלט שמושפע. לדוגמה של תגובה לדוגמה:
{ "error": { "code": 400, "message": "[actionInput.inputValues] Invalid user input", "status": "INVALID_ARGUMENT", "details": [ { "@type": "type.googleapis.com/google.rpc.ErrorInfo", "reason": "invalid", "domain": "global" }, { "@type": "type.googleapis.com/google.rpc.BadRequest", "fieldViolations": [ { "field": "actionInput.inputValues.input", "description": "The field is required" } ] } ] } }
- אם השירות מחזיר מצב לא חוקי או שגיאה פנימית, מסומן על ידי
FAILED_PRECONDITION
ו-INTERNAL
, האפליקציה צריכה להורות על לטעון מחדש את הדף או לנסות מאוחר יותר.
- אם השירות מחזיר שגיאת אימות עם הערך