عرض المشاكل والحلول للتجّار

يوضّح هذا الدليل كيفية استخدام مطوّري التطبيقات التابعين لجهات خارجية للخدمة MerchantSupport لإنشاء صفحة بيانات تشخيص داخل التطبيق للتجّار.

يمكنك استخدام هذه الخدمة لإنشاء واجهات مستخدم مشابهة لصفحات بيانات التشخيص ومشكلة المنتجات في Merchant Center.

خدمة MerchantSupport مخصّصة لواجهات المستخدم التابعة لجهات خارجية فقط. يجب أن يتم بدء الطلبات عند تفاعل التاجر مع واجهة مستخدم تطبيقك. لأتمتة بيانات التشخيص لحساب التاجر الخاص بك، اطّلِع على أدلة حالة الحساب وحالة المنتج وفلترة المنتجات.

ننصحك بتوفير الصفحات التالية في تطبيقك لمساعدة التجار في تحديد المشاكل وحلّها:

  • بيانات تشخيص الحساب
  • بيانات تشخيص المنتجات

خيارات مختلفة لتنفيذ صفحة بيانات التشخيص

يمكنك تنفيذ صفحة بيانات التشخيص بطرق مختلفة. استنادًا إلى حاجتك، اختَر الخيار الذي يحدِّد مدى تعقيد إجراءات التشخيص. في الطلب، يمكنك ضبط user_input_action_option على أحد الخيارات التالية:

  • REDIRECT_TO_MERCHANT_CENTER: هذا هو الخيار التلقائي. لا يتم تنفيذ الإجراءات التي تتطلب عرض محتوى إضافي أو تلقّي معلومات إضافية من التاجر بشكل كامل في تطبيقك، وتقدّم واجهة برمجة التطبيقات رابطًا لإعادة التوجيه إلى الصفحة المقابلة في Merchant Center حيث يمكن للتاجر تنفيذ الإجراء.

  • BUILT_IN_USER_INPUT_ACTIONS: يمكنك تنفيذ إجراءات معقّدة تتطلّب مدخلات المستخدم كحلّ داخل التطبيق.

تنفيذ صفحة بيانات تشخيص

يتناول هذا القسم كيفية تنفيذ صفحة بيانات التشخيص. ويستخدم الخيار التلقائي (سهل) لمعالجة الإجراءات المعقّدة كعمليات إعادة توجيه إلى Merchant Center.

لتنفيذ أكثر تقدمًا باستخدام الإجراءات داخل التطبيق، راجِع القسمين التاليين واطّلِع على تنفيذ إجراء مضمّن باستخدام إدخال المستخدم.

التنفيذ

في ما يلي الشكل الذي نقترح أن تبدو عليه صفحة بيانات التشخيص:

  1. يفتح التاجر صفحة بيانات تشخيص في تطبيقك.

  2. يطلب تطبيقك بيانات التشخيص من خلال الاتصال بخدمة MerchantSupport.

    في ما يلي مثال على طلب:

    POST https://shoppingcontent.googleapis.com/content/v2.1/{merchantId}/merchantsupport/renderaccountissues?timeZone=America/Los_Angeles&languageCode=en-GB {}

    استبدِل {merchantId} بمعرّف فريد للحساب الذي تريد بدء معالجة الإجراء له.

  3. يعرض تطبيقك بيانات التشخيص والإجراءات المقترَحة من الردّ على التاجر. في ما يلي نموذج للردّ:

    {
  "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
        }
      ],
      "prerenderedOutOfCourtDisputeSettlement": "\u003cdetails class=\"ods-section\"\u003e\u003csummary\u003eShow additional options available to you\u003c/summary\u003e\u003cp class=\"ods-description\"\u003e\u003cspan class=\"segment\"\u003eYou may have the option to request an external appeal. You'll also be asked to provide your routing and reference IDs.\u003c/span\u003e \u003ca href=\"https://support.google.com/european-union-digital-services-act-redress-options?hl=en-GB\" target=\"_blank\" class=\"segment\"\u003eLearn more about external appeals\u003c/a\u003e\u003c/p\u003e\u003cp class=\"ods-param ods-routing-id\"\u003e\u003cspan class=\"segment ods-param-header\"\u003eRouting ID:\u003c/span\u003e \u003cspan class=\"segment ods-param-value\"\u003eRDAX\u003c/span\u003e\u003c/p\u003e\u003cp class=\"ods-param ods-reference-id\"\u003e\u003cspan class=\"segment ods-param-header\"\u003eReference ID:\u003c/span\u003e \u003cspan class=\"segment ods-param-value\"\u003e672911686\u003c/span\u003e\u003c/p\u003e\u003c/details\u003e"
    },
    {
      "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
        }
      ]
    }
  ]
}

    ننصحك بعرض المشاكل بالترتيب الذي يتم إرجاعها به، مع استخدام title وimpact.message. ننصحك أيضًا بعرض impact.breakdowns المشكلة عندما يمرّر التاجر مؤشر الماوس فوق عنوان المشكلة أو وصفها.

  4. ينقر التاجر على مشكلة من القائمة.

  5. يعرض تطبيقك impact مفصّلاً لكل مشكلة لكل من country، destination، prerendered_content، prerendered_out_of_court_dispute_settlement والزرّات التي يمكن للتاجر تنفيذها actions لحلّ المشكلة. هناك أنواع مختلفة من الإجراءات:

    1. الإجراءات الخارجية: أشر إلى الصفحة الخارجية، مثلاً في Merchant Center، حيث يمكن للتاجر حلّ المشكلة.
    2. الإجراءات البسيطة المضمّنة: يمكنك الإشارة إلى الصفحة في تطبيقك التي يمكن فيها للتاجر حلّ المشكلة.
    3. الإجراءات المضمّنة التي يُدخلها المستخدم: افتح مربّع حوار يمكن للتاجر فيه تقديم المعلومات المطلوبة وطلب تنفيذ الإجراء. لا يتوفّر هذا النوع من الإجراء إلّا إذا تم طلب BUILT_IN_USER_INPUT_ACTIONS.

  6. يتّبع التاجر التعليمات لحلّ المشكلة.

  7. يُعيد التاجر تحميل صفحة بيانات التشخيص في تطبيقك.

  8. يُرسِل تطبيقك طلبًا آخر إلى خدمة MerchantSupport، ويُظهِر قائمة معدَّلة بالمشاكل.

يمكنك مقارنة المعلومات التي يعرضها تطبيقك المكتمل بصفحات بيانات التشخيص في Merchant Center للتحقّق من تنفيذك.

نماذج واجهة المستخدم

في ما يلي مثال على كيفية عرض المعلومات الواردة في ردّ renderaccountissues في صفحة بيانات تشخيص حسابك. يتمّ ربط العناصر في واجهة المستخدِم بحقول واجهة برمجة التطبيقات المقابلة لها في النموذج. يمكنك إنشاء صفحة مشابهة للمشاكل المتعلقة بالمنتجات.

الصورة

في ما يلي الشكل الذي تظهر به صفحة بيانات تشخيص الحساب التي تمّت تعبئتها:

الصورة

رمز HTML المعروض مسبقًا للنمط

تتضمّن الاستجابة من طلب خدمة MerchantSupport الحقل prerendered_content، وهو تفاصيل كل مشكلة بتنسيق HTML. يمكن أن يتضمّن الرد أيضًا الحقل prerendered_out_of_court_dispute_settlement، وهو ملف HTML يحتوي على تعليمات لتسوية النزاعات خارج نطاق المحكمة. يمكنك تضمين محتوى HTML هذا مباشرةً في واجهة المستخدم لعرض المشكلة بتنسيق يقبله المستخدمين.

تنسيق رمز HTML للمحتوى المعروض مسبقًا

قد تظهر لك عناصر HTML التي تحتوي على الفئة new-element. يتم تطبيق فئة new-element على العناصر التي تتم إضافتها إلى صفحات 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:

الصورة

تنسيق HTML المعروض مسبقًا لحلّ النزاعات خارج نطاق المحكمة

في ما يلي مثال على قيمة حقل prerendered_out_of_court_dispute_settlement:

<details class="ods-section" open="">
  <summary>Show additional options available to you</summary>
  <p class="ods-description">
    <span class="segment">You may have the option to request an external appeal. You'll also be asked to provide your routing and reference IDs.</span>
    <a href="https://support.google.com/european-union-digital-services-act-redress-options?hl=en-US"
       target="_blank" class="segment">Learn more about external appeals</a>
  </p>
  <p class="ods-param ods-routing-id">
    <span class="segment ods-param-header">Routing ID:</span>
    <span class="segment ods-param-value">RDAX</span>
  </p>
  <p class="ods-param ods-reference-id">
    <span class="segment ods-param-header">Reference ID:</span>
    <span class="segment ods-param-value">672911686</span>
  </p>
</details>

في ما يلي الشكل الذي سيظهر به رمز HTML السابق prerendered_out_of_court_dispute_settlement في تطبيقك بدون أي تنسيق:

الصورة

يمكنك استخدام فئات CSS متعددة لضبط طريقة عرض هذا القسم في واجهة المستخدم. في ما يلي نموذج CSS يمكنك استخدامه:

.ods-param-value {
  background: #dee1e37d;
  font-family: monospace, monospace;
  padding: 3px;
}

.ods-param-header {
  font-size: .75rem;
}

.ods-section summary {
  font-size: .75rem;
}

في ما يلي شكل المحتوى المعروض في حال استخدام ملف 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} بمعرّف فريد للحساب الذي تريد بدء معالجة الإجراء له.

التنفيذ

في ما يلي الشكل الذي نقترحه لمجرى صفحة بيانات التشخيص التي تطلب من المستخدمين تقديم مدخلات:

  1. ينقر التاجر على زر الإجراء.

    • إذا كانت هناك مسارات متعددة متاحة، يقدّم تطبيقك كلّها لكي يتمكّن الصعِد من اختيار مسار معيّن استنادًا إلى نيته.
    • يختار التاجر مسار الدفع.

  2. يعرض تطبيقك العنوان والرسالة والتعليق التوضيحي ونموذج إدخال المستخدمين لمسار الإجراء المختار. ننصحك بعرض هذه التفاصيل في ملف حوار.

    • يحتوي العنوان، إن توفّر، على معلومات مهمة تهدف إلى مساعدة التاجر في فهم آلية عمل الإجراء بشكل أفضل ومعرفة ما يجب فعله لتحقيق النجاح. ننصحك بتسليط الضوء على هذه الرسالة وتنسيقها حسب شدة التعليق التوضيحي.
    • إذا كانت هناك أي حقول إدخال في المسار، يجب عرضها لكي يتمكّن التاجر من تقديم القيم. إذا تم وضع علامة مطلوبة على حقل الإدخال، يجب ألا يسمح تطبيقك للتاجر بإرسال الطلب قبل تقديم القيمة.

  3. يقرأ التاجر المعلومات ويقدّم القيم المطلوبة.

  4. يؤكّد التاجر طلبه بالنقر على الزر.

  5. يشغِّل تطبيقك معالجة الإجراء من خلال طلب 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} بمعرّف فريد للحساب الذي تريد بدء معالجة الإجراء له.

    للوصول إلى طريقة triggeraction في BuiltInUserInputAction، يُرجى إرسال طلب باستخدام هذا النموذج.

  6. يعرض تطبيقك رسالة التأكيد التي تم إرجاعها من خدمة 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، على التطبيق توجيه التاجر إلى إعادة تحميل الصفحة أو إعادة المحاولة لاحقًا.