Saytdagi tavsiya vidjetlari

Vidjet — saytdagi tayyor mahsulotlar bloki: bosh sahifada «Sizga yoqishi mumkin», mahsulot kartasida «Birga sotib olinadi», savatda «Yaqinda koʻrilgan». Siz uni OneTrace.pro da sozlaysiz, saytga esa qisqa kodni bir marta qoʻyasiz. Keyin koʻrinishi, dizayni va yoqilishi saytni tahrirlamasdan oʻzgartiriladi.

Ishlashi uchun oʻrnatilgan treker (Saytni ulash), mahsulotlar katalogi hamda koʻrish, savat va xarid hodisalari (Tavsiyalar va mahsulotlar katalogi) kerak. Vidjetlarni «Egasi», «Administrator» va «Menejer» yaratishi va oʻzgartirishi mumkin.

Vidjetni qanday yaratish kerak

1. Kommunikatsiyalar → Sayt boʻlimini, Vidjetlar yorligʻini oching.
2. Vidjet yaratish tugmasini bosing.
3. Chapdagi sozlamalarni toʻldiring — oʻngda darhol oldindan koʻrish koʻrinadi.
4. Saqlash tugmasini bosing.

Sozlamalar

Oldindan koʻrish

Oldindan koʻrish vidjetni saytdagi kabi, katalogingizdagi haqiqiy mahsulotlarda chizadi. «Birga koʻriladi» va oʻxshashlar uchun misol olinadi — mavjud boʻlgan birinchi mahsulot, uning id si oldindan koʻrish ustida koʻrsatilgan. Agar mos mahsulotlar boʻlmasa, dizaynni baholash uchun kulrang oʻrinbosarlar koʻrsatiladi. Kompyuter / Telefon almashtirgichi joyni telefon kengligigacha toraytiradi.

Saytda joylashuv ekran kengligiga emas, joy kengligiga moslashadi: tor ustunda va telefonda kartochkalar qatorga ikkitadan joylashadi. Shrift va matn rangini vidjet saytdan oladi.

Sayt uchun kod

Roʻyxatdagi har bir vidjetda Sayt uchun kod bloki bor. Uni sahifa shablonida blok boʻlishi kerak boʻlgan joyga qoʻying:

<div data-cdp-widget="a1b2c3d4e5f6" data-item="SKU-1"></div>

Atributlar:

• data-item — sahifa mahsulotining id si yoki vergul bilan ajratilgan savatdagi mahsulotlar: data-item="SKU-1,SKU-7". «Birga koʻriladi», «Birga sotib olinadi» va «Oʻxshash» turlari uchun majburiy — uni sahifa shablonidan qoʻying.
• data-category — agar turli sahifalarda turli kategoriyalar kerak boʻlsa, mashhur mahsulotlar uchun kategoriya id si.
• data-exclude — koʻrsatish kerak boʻlmagan mahsulotlarning vergul bilan ajratilgan id lari, masalan, savatda allaqachon turganlar.

Shaxsiy va yaqinda koʻrilgan mahsulotlar tashrif buyuruvchi boʻyicha tanlanadi, ularga data-item kerak emas.

Agar mos mahsulotlar boʻlmasa, sahifadagi joy boʻsh qoladi — sahifa tuzilishi buzilmaydi.

Yoqish va oʻchirish

Vidjet kartasidagi Saytda koʻrsatish almashtirgichi uni saytni tahrirlamasdan oʻchiradi: holat «Oʻchirilgan» ga oʻzgaradi, sahifadagi blok tozalanadi. Yana yoqing — mahsulotlar qaytadi. Savat belgili tugma vidjetni butunlay oʻchiradi: u saytda koʻrinmay qoladi.

Qalam belgili tugma Vidjetni sozlash oynasini ochadi. Oʻzgarishlar sahifa keyingi yuklanganda saytda koʻrinadi, kodni oʻzgartirish shart emas.

Statistika

Vidjet nomi ostida — 30 kunlik statistika:

Saytdagi tavsiyalarning turlar boʻyicha umumiy samarasi — Tavsiyalar boʻlimida.

Bir sahifali saytlar

Treker vidjetlarni sahifa yuklangandan keyin, yangi elementlar paydo boʻlganda va data-item oʻzgarganda oʻzi topadi. Shuning uchun React, Vue va shunga oʻxshash saytlarda atributni oʻzgartirish kifoya — blok qayta chiziladi.

Agar mahsulotlarni atributlarni oʻzgartirmasdan yangilash kerak boʻlsa, masalan, savat oʻzgargandan keyin, quyidagini chaqiring:

cdp.widgets({ force: true });

Vidjet oʻrniga oʻz kodingiz

Dasturchilar tavsiyalar blokini boshqaruv panelida sozlamasdan, koddan chiqarishi mumkin:

window.addEventListener('load', () => {
  cdp.renderRecommendations('#recs', {
    type: 'viewed_with', item: 'SKU-1', title: 'Birga koʻrilganlar', layout: 'carousel', columns: 4,
  });
});

Blok vidjet kabi koʻrinadi, koʻrsatishlar va kliklar oʻzi hisobga olinadi. Uni treker yuklanishidan oldin ham chaqirish mumkin: chaqiruv navbatda kutadi. Element sahifada allaqachon boʻlishi kerak, shuning uchun misolda chaqiruv load hodisasini kutadi. Boʻsh natija elementni tozalaydi. Rang, burchak yumaloqligi va tugmani boshqaruv panelidagi vidjetda sozlash qulayroq.