Помощ
Влизане

Тестване на персонализирани пиксели

След като създадете персонализиран пиксел, трябва да го тествате, за да се уверите, че пикселът Ви изпраща данни правилно, когато на сайта Ви настъпят събития.

Можете да използвате Shopify Pixel Helper, за да тествате дали събитията на Вашия пиксел се зареждат и дали сте се абонирали правилно за събитията на Shopify. Shopify Pixel Helper Ви позволява да тествате своя персонализиран пиксел във Вашия онлайн магазин, за да преглеждате получаваните събития в реално време, заедно с данните за тези събития.

Ако Вашият персонализиран пиксел се интегрира с платформа на трета страна, която има собствена помощна програма за пиксели, тогава можете да използвате помощната програма за пиксели на третата страна в допълнение към Shopify Pixel Helper, за да тествате дали събитията на Вашия пиксел се обработват и получават от платформата на третата страна. Например, ако добавите персонализиран TikTok пиксел в магазина си, тогава можете да използвате както Shopify Pixel Helper, така и помощната програма за пиксели на TikTok, за да тествате своя пиксел.

Можете да използвате Shopify Pixel Helper в същата сесия на браузъра като помощна програма за пиксели на трета страна, за да тествате едновременно събитията и за двете платформи.

Ето скрипт за персонализиран пиксел, който ще задейства всички стандартни събития към изолираната среда (sandbox) и ще регистрира данните за събитията в конзолата. Стандартните събития ще бъдат видими в Shopify Pixel Helper. Освен това можете да се абонирате за други групови абонаменти, all_events, all_custom_events и all_dom_events, за да откриете всичко, което уеб пикселите могат да предоставят. Посетете API за уеб пиксели за повече информация.

analytics.subscribe("all_standard_events", event => {
   console.log("Event data ", event?.data);
});

На тази страница

Проверка на връзката на персонализиран пиксел

Преди да тествате своя персонализиран пиксел, уверете се, че е свързан.

Стъпки:

  1. От Вашия администраторски панел на Shopify отидете на Настройки > Събития на клиенти.

  2. До пиксела, който искате да тествате, проверете дали пикселът Ви има статус Свързан, показан в колона Статус.

  3. Ако пикселът не е свързан, натиснете ... и след това натиснете Свързване.

Тестване на персонализиран пиксел с помощта на Shopify Pixel Helper

След като проверите, че Вашият персонализиран пиксел е свързан, можете да използвате Shopify Pixel Helper, за да тествате дали персонализираният Ви пиксел изпраща данни и получава данните от Вашия магазин. Можете да тествате по един персонализиран пиксел наведнъж.

Стъпки:

  1. От Вашия администраторски панел на Shopify отидете на Настройки > Събития на клиенти.

  2. Натиснете персонализирания пиксел, който искате да тествате.

  3. Натиснете Тестване, за да отворите персонализирания пиксел на Вашия уебсайт за тестване.

  4. По избор: В зависимост от настройките за съгласие на Вашия магазин и настройките за поверителност на клиентите на персонализирания пиксел, диалоговият прозорец Помощник за пиксели може да покаже Пикселът очаква съгласие. Направете едно от следните неща, за да продължите тестването:

  5. За да видите кои събития се зареждат, посетете всяка страница, за която искате да тествате пиксела, и прегледайте диалоговия прозорец Помощник за пиксели, за да се уверите, че събитието е било успешно абонирано и че функцията за обратно извикване е била успешна в секция Получени събития:

    • Отидете на нова страница, за да тествате събитието page_viewed.
    • Натиснете продукт, за да тествате събитието product_viewed.
    • Добавете продукт в количката си, за да тествате събитието product_added_to_cart.
    • Отидете на страницата за плащане, за да тествате събитието checkout_started.
    • Въведете информацията си за доставка при плащането, за да тествате дали събитието checkout_shipping_info_submitted заменя събитието checkout_started.
    • Завършете плащането, за да тествате дали събитието checkout_completed заменя събитието checkout_shipping_info_submitted. Научете повече за извършването на тестова поръчка.

  6. За да видите получените данни за събитието, натиснете Максимизиране, за да разгънете диалоговия прозорец на помощника за пиксели.

Преглед на секция „Получени събития“

Когато тествате кои събития се зареждат в стъпка 5, един от следните статуси се показва в секция Получени събития на диалоговия прозорец Помощник за пиксели:

  • Зелена точка показва, че събитието е било успешно абонирано и функцията за обратно извикване е била успешна.
  • Червена точка показва, че събитието е било успешно абонирано, но функцията за обратно извикване е неуспешна. Научете как да отстранявате неизправности в персонализирания си пиксел.
  • Помощникът за пиксели показва неуловени грешки, които възникват на най-горно ниво или във функцията за обратно извикване. Грешките от най-горно ниво се показват, когато помощникът за пиксели се зареди. Съобщенията за грешки при обратно извикване се показват, когато натиснете, за да разгънете събитие с червена точка.
  • Следният примерен код съдържа грешка при обратно извикване и грешка от най-високо ниво. В зависимост от това къде се намира грешката от най-високо ниво, пикселът може да функционира частично.
analytics.subscribe("all_standard_events", event => {
  console.log("Event data ", event?.data);
  throw new Error("callback error");
});

throw new Error("top level error")

За да научите повече за отстраняването на грешки в JavaScript, посетете Отстраняване на неизправности в JavaScript.

Отстраняване на неизправности с Вашия потребителски пиксел

Ако Вашият пиксел не се зарежда или задейства по време на тестване и вече сте прегледали данните за събитията и кода на пиксела за грешки, опитайте следните мерки за отстраняване на неизправности.

Преглед на Вашите настройки за поверителност на клиента

Ако Вашият пиксел не се зарежда или задейства по време на тестване, възможно е настройките за поверителност на клиента да възпрепятстват зареждането му.

От Вашия администраторски панел на Shopify отидете на Настройки > Поверителност на клиента, за да проверите за настройки за поверителност на клиента във Вашия администраторски панел на Shopify, които може да се отнасят за Вашата сесия. В зависимост от Вашите настройки за поверителност на клиента предприемете следните стъпки:

  • Ако имате настройки за поверителност на клиента, които изискват съгласие във Вашия регион, уверете се, че сте предоставили съгласие чрез Вашия банер за „бисквитки“.
  • Ако нямате настройки за поверителност на клиента, които да блокират зареждането на пиксела, изчистете „бисквитките“ на браузъра си, за да нулирате банера за „бисквитки“ и да предоставите съгласие.

Ако използвате инструмент от трета страна за управление на съгласието, свържете се с Вашия доставчик от трета страна за поддръжка.

Допълнително отстраняване на неизправности

Ако все още не е ясно дали Вашият потребителски пиксел е правилно абониран за събитие на клиента, опитайте следните мерки за отстраняване на неизправности:

  • Изчистете „бисквитките“ на браузъра си.
  • Ако тествате стандартно събитие, прегледайте документацията за разработчици на Shopify за описания на стандартни събития, за да се уверите, че извършвате необходимите стъпки за задействане на събитието.

Тестване с помощен инструмент за пиксели от трета страна

SDK (комплект за разработване на софтуер) за пиксели съдържа инструментите, чрез които Вашият пиксел събира информация за поведението на клиентите. Можете да използвате помощния инструмент за пиксели на Вашия доставчик от трета страна, за да тествате следните поведения на Вашия пиксел и да се уверите, че SDK за пиксели работи според очакванията:

Тестване дали SDK за пиксели от трета страна е зареден

Стъпките за проверка на раздела „Мрежа“ зависят от уеб браузъра, който използвате. Например, за да научите как да проверявате раздела си „Мрежа“ в Google Chrome, вижте документацията на Chrome for Developers Inspect network activity.

За да тествате дали SDK за пиксели от трета страна е зареден, първо трябва да извлечете от Вашия доставчик от трета страна кода за URL адреса на SDK, за да можете да го добавите към кода на Вашия пиксел. За поддръжка се свържете с Вашия доставчик на пиксели от трета страна.

Стъпки:

  1. От Вашия администраторски панел на Shopify отидете на Настройки > Събития на клиенти.

  2. Натиснете персонализирания пиксел, който искате да тествате.

  3. В секция Код въведете SDK за пиксели, който Вашият доставчик от трета страна е предоставил, в края на кода на Вашия пиксел.

  4. Кликнете върху Запазване.

  5. Посетете Вашия онлайн магазин и след това проверете раздела си „Мрежа“, за да се уверите, че URL адресът на SDK на доставчика от трета страна се изтегля.

  6. По избор: Ако SDK за пиксели от трета страна не се зареди, проверете за грешки по време на изпълнение на JavaScript в sandbox средата. Например в Chrome можете да изберете определен iFrame, за да прегледате регистрационните файлове на конзолата му, и след това да филтрирате регистрационните файлове до конкретния пиксел, който тествате. За да научите повече за проверката за грешки по време на изпълнение на JavaScript в Chrome, вижте документацията на Chrome Debug JavaScript.

Ако SDK за пиксели от трета страна не се зареди по време на тестване, свържете се с Вашия доставчик на пиксели от трета страна за поддръжка.

Друго тестване на SDK за пиксели от трета страна

За да тествате дали SDK за пиксели от трета страна е инициализиран или събира събития, вижте документацията на Вашия доставчик на пиксели от трета страна.

За да тествате дали SDK за пиксели събира събития, може да бъдете инструктирани да проверите раздела „Мрежа“ на Вашия браузър. Стъпките за проверка на раздела „Мрежа“ зависят от уеб браузъра, който използвате. Например, за да научите как да проверявате раздела си „Мрежа“ в браузър Google Chrome, вижте документацията на Chrome for Developers Inspect network activity.