تُعدّ الأحداث المخصصة رائعة لإضافة المزيد من الذكاء من خلال تسجيل أحداث خاصة بمجالك جنبًا إلى جنب مع عمليات إعادة تشغيل الجلسات. يستخدم OpenReplay نوعين من الأحداث: الوظيفية (event) والتقنية (issue). تتم فهرسة جميع الأحداث لتسهيل البحث، ويتم مزامنتها مع تسجيلات الجلسات.

تتم فهرسة الأحداث الوظيفية، مما يُسهّل البحث عن تسجيلات جلسات محددة. إذا استلمها OpenReplay بنجاح، فستكون متاحة كعوامل تصفية في شريط omnisearch.

استخدم الطريقة event للإشارة إلى الأحداث الوظيفية مثل order completed أو product added. تأخذ معاملين: name (string) و payload (كائن JS غير تكراري).

tracker.event('product_added', 'shoes'); // after tracker.start()

فيما يلي مثال على كيفية إرسال حدث وظيفي باستخدام المقتطف.

<!-- OpenReplay Tracking Code -->
<script>
var initOpts = { projectKey: "GxPpaDARdn2345fgt321" };
var startOpts = { userID: ""}; 
(function(A,s,a,y,e,r){
  r=window.OpenReplay=[e,r,y,[s-1, e]];
  s=document.createElement('script');s.src=A;s.async=!a;
  ...
})("//static.openreplay.com/latest/openreplay.js", 1, 0, initOpts, startOpts);
</script>
  ...
  __OPENREPLAY__.event('product_added', 'shoes'); // send a functional event later in your code
  ...

تظهر الأحداث التقنية في إعادة تشغيل الجلسة ضمن علامة التبويب Events في DevTools، وكتعليقات توضيحية على التشغيل. كما يتم أخذها في الاعتبار ضمن المسارات (Funnels) لربط انخفاضات التحويل بالمشكلات التقنية.

يُستخدم issue لإرسال الأحداث التقنية، مثل الأخطاء، التي قد تحدث في مجموعة التقنيات (stack) الخاصة بك أو في الأنظمة الأخرى الواقعة في مرحلة لاحقة. يأخذ issue معاملين: name (string) و payload (كائن JS غير تكراري).

tracker.issue('payment_error', {code: 500, context: 42}); // after tracker.start()

فيما يلي مثال على كيفية إرسال حدث تقني باستخدام المقتطف.

<!-- OpenReplay Tracking Code -->
<script>
var initOpts = { projectKey: "GxPpaDARdn2345fgt321" };
var startOpts = { userID: "" }; 
(function(A,s,a,y,e,r){
  r=window.OpenReplay=[e,r,y,[s-1, e]];
  s=document.createElement('script');s.src=A;s.async=!a;
  ...
})("//static.openreplay.com/latest/openreplay.js", 1, 0, initOpts, startOpts);
</script>
  ...
  __OPENREPLAY__.issue('payment_error', {code: 500, context: 42}); // send a technical event (issue) later in your code
  ...

import ORTracker

ORTracker.shared.event(name: String, payload: Encodable?)

إذا كنت تبحث عن مثال عملي لكيفية استخدام الأحداث المخصصة، فاطّلع على درسنا التعليمي المفصّل هنا.

هل تواجه مشكلة في استخدام الأحداث المخصصة؟ يُرجى الانضمام إلى Slack الخاص بنا أو زيارة المنتدى الخاص بنا والحصول على المساعدة من مجتمعنا.