ספּעציעלע נעץ פונקציע פֿאַר אַנאַליטיקס דאַטן אין דעם בלעטערער

וואָס איז "sendBeacon"

איר מיסטאָמע וויסן די צוויי אָפּציעס צו נוצן ווען איר ווילט צו מאַכן אַ בקשה פון אַ קליענט, ווי פֿון דיין פּראָגרעסיוו וועב אַפּ: XMLHttpRequest אָדער די נייַער "ברענגען". אָבער צי האָט איר וויסן אַז עס איז אַ דריט אָפּציע, ספּאַסיפיקלי דיזיינד פֿאַר שיקט זייער קליין דאַטן טשאַנגקס ווי אַנאַליטיקס דאַטן? עס איז אַ פונקציע גערופֿן "sendBeacon", וואָס איז בארעכטיגט אין מאָדערן בראַוזערז פֿון די "נאַוויגאַטאָר" -בדזשעקט.

ווי אַזוי צו נוצן "sendBeacon"

דער ציל-געבויט בעטן-פונקציע פֿאַר קליין דאַטן טשאַנגקס איז טאַקע פּשוט. ווי לאַנג ווי די "נאַוויגאַטאָר" און די "סענדבעאַקאָן" פונקציע אויף דער נאַוויגאַטאָר זענען בארעכטיגט, איר נאָר דאַרפֿן צו צושטעלן אַ URL און אַ פּיילאָוד צו שיקן.

איר קענען שיקן די פאלגענדע טייפּס פון דאַטן.

• ArrayBuffer
• ArrayBufferView
• בלאָב
• DOMString
• FormData
• URLSearchParams

יעדער רופן פון "סענדבעאַקאָן" וועט יבערשיקן אַ פּאָסט-בעטן צו די ספּעסיפיעד ענדפּוינט.

async function track(payload: TrackPayload){
  // We're using 'optional property access'
  // for a simple and clean implementation.
  //
  // You could of course also use nested if(){ ... }.
  await navigator?.sendBeacon?.('/track', payload);
}

// The following example is taken directly
// from the MDN page, linked in the addendum
// at the end of this page.
//
// It demonstrates the usage with the
// 'visibilitychange'-event when the user
// could close your web app.
document.addEventListener('visibilitychange', function logData() {
  if (document.visibilityState === 'hidden') {
    navigator.sendBeacon('/log', analyticsData);
  }
});

וואָס ס אַנדערש

דער הויפּט מייַלע פון "סענדבעאַקאָן" איז אַז דיין ריקוועס זענען פאקטיש אין ריי דורך די אַגענט, וואָס מיטל אַז דער בלעטערער איז דערווייַל לאָודיד מיט דיין קליענט. אַזוי לאַנג ווי אַ נעץ פֿאַרבינדונג איז בארעכטיגט, די דאַטן זענען געשיקט. אויב קיין דאַטן זענען בארעכטיגט אָדער דער באַניצער קלאָוזיז דיין וועב אַפּ (איידער די בעטן קען זיין געשיקט), דער בלעטערער וועט נאָך גאַראַנטירן אַז די בעטן יווענטשאַוואַלי וועט זיין טראַנסמיטטעד.

די אנדערע, פּראָסט בעטן פאַנגקשאַנז טאָן ניט גאַראַנטירן אַז דיין בקשה וועט זיין געשיקט ווען אַ באַניצער קלאָוזיז די וועב אַפּ (למשל דורך קלאָוזינג די קוויטל). "סענדבעאַקאָן" איז אויך גאָר ייסינגקראַנאַס און ינטראַדוסיז קיין פאַרהאַלטן ווען איר נאַוויגירן צו אן אנדער בלאַט אין דיין וועב אַפּ בשעת איר שיקן די אַנאַליטיקס דאַטן פֿאַר די באַניצער בלאַט געשיכטע.

פּראַגרעסיוולי פֿאַרבעסערן דיין וועב אַפּ

אויב איר האָבן אַ מנהג ענדפּוינט פֿאַר אַנאַליטיקס דאַטן, איר זאָל באשטימט פּרובירן דעם נייַ אַפּי. געדענקט אַז אַ באַניצער קען רופן איר אַ וועב אַפּ מיט אַ בלעטערער וואָס קען נישט שטיצן די אַפּי (כאָטש דאָס איז זייער אַנלייקלי), אַזוי איר קענען פּראַגרעסיוולי פֿאַרבעסערן דיין אַפּלאַקיישאַן מיט אַ פּשוט טשעק פֿאַר שטיצן איידער איר נוצן עס.