/* * Copyright (C) 2015 Pavel Savshenko * Copyright (C) 2011 Google Inc. All rights reserved. * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. * Copyright (C) 2008 Matt Lilek * Copyright (C) 2009 Joseph Pecoraro * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions * are met: * * 1. Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * 2. Redistributions in binary form must reproduce the above copyright * notice, this list of conditions and the following disclaimer in the * documentation and/or other materials provided with the distribution. * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of * its contributors may be used to endorse or promote products derived * from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ (function () { let options; let scriptRunning = false; const cookieKeys = { existingSessionInfo: '__hst_s' } const localStorageKeys = { queueKey: '__hst_q', pageViewId: '__hst_p', existingSessionInfo: '__hst_s', processedPurchaseIds: '__hst_c' } const siteId = '8e99ea65a24b4601b819b2e53ec94f04'; const siteIsRecording = true || queryStringContainsKey('hst_force'); const domains = ['billigt-sejlertoej.dk']; const whitelist = []; const blacklist = []; const delayRecorderStartMs = 20; const debugMode = false || queryStringContainsKey('hst_debug'); const scriptLoadTime = new Date(); const logEntries = []; const logger = function (msg, transmitLog) { const prettifiedMessage = '(' + (new Date() - scriptLoadTime) + ') ' + msg; logEntries.push(prettifiedMessage); if (debugMode) console.log(prettifiedMessage); if (transmitLog) api.sendLog(siteId, window.location.href, logEntries.join('\n')); }; const scriptVersion = '1.0.43'; // RegExp pattern built from https://github.com/monperrus/crawler-user-agents const botUserAgentPattern = "(Googlebot\\/|Googlebot-Mobile|Googlebot-Image|Googlebot-News|Googlebot-Video|AdsBot-Google([^-]|$)|AdsBot-Google-Mobile|Feedfetcher-Google|Mediapartners-Google|Mediapartners \\(Googlebot\\)|APIs-Google|bingbot|Slurp|[wW]get|LinkedInBot|Python-urllib|python-requests|aiohttp|httpx|libwww-perl|httpunit|nutch|Go-http-client|phpcrawl|msnbot|jyxobot|FAST-WebCrawler|FAST Enterprise Crawler|BIGLOTRON|Teoma|convera|seekbot|Gigabot|Gigablast|exabot|ia_archiver|GingerCrawler|webmon |HTTrack|grub.org|UsineNouvelleCrawler|antibot|netresearchserver|speedy|fluffy|findlink|msrbot|panscient|yacybot|AISearchBot|ips-agent|tagoobot|MJ12bot|woriobot|yanga|buzzbot|mlbot|YandexBot|YandexImages|YandexAccessibilityBot|YandexMobileBot|YandexMetrika|YandexTurbo|YandexImageResizer|YandexVideo|YandexAdNet|YandexBlogs|YandexCalendar|YandexDirect|YandexFavicons|YaDirectFetcher|YandexForDomain|YandexMarket|YandexMedia|YandexMobileScreenShotBot|YandexNews|YandexOntoDB|YandexPagechecker|YandexPartner|YandexRCA|YandexSearchShop|YandexSitelinks|YandexSpravBot|YandexTracker|YandexVertis|YandexVerticals|YandexWebmaster|YandexScreenshotBot|purebot|Linguee Bot|CyberPatrol|voilabot|Baiduspider|citeseerxbot|spbot|twengabot|postrank|TurnitinBot|scribdbot|page2rss|sitebot|linkdex|Adidxbot|ezooms|dotbot|Mail.RU_Bot|discobot|heritrix|findthatfile|europarchive.org|NerdByNature.Bot|sistrix crawler|Ahrefs(Bot|SiteAudit)|fuelbot|CrunchBot|IndeedBot|mappydata|woobot|ZoominfoBot|PrivacyAwareBot|Multiviewbot|SWIMGBot|Grobbot|eright|Apercite|semanticbot|Aboundex|domaincrawler|wbsearchbot|summify|CCBot|edisterbot|seznambot|ec2linkfinder|gslfbot|aiHitBot|intelium_bot|facebookexternalhit|Yeti|RetrevoPageAnalyzer|lb-spider|Sogou|lssbot|careerbot|wotbox|wocbot|ichiro|DuckDuckBot|lssrocketcrawler|drupact|webcompanycrawler|acoonbot|openindexspider|gnam gnam spider|web-archive-net.com.bot|backlinkcrawler|coccoc|integromedb|content crawler spider|toplistbot|it2media-domain-crawler|ip-web-crawler.com|siteexplorer.info|elisabot|proximic|changedetection|arabot|WeSEE:Search|niki-bot|CrystalSemanticsBot|rogerbot|360Spider|psbot|InterfaxScanBot|CC Metadata Scaper|g00g1e.net|GrapeshotCrawler|urlappendbot|brainobot|fr-crawler|binlar|SimpleCrawler|Twitterbot|cXensebot|smtbot|bnf.fr_bot|A6-Indexer|ADmantX|Facebot|OrangeBot\\/|memorybot|AdvBot|MegaIndex|SemanticScholarBot|ltx71|nerdybot|xovibot|BUbiNG|Qwantify|archive.org_bot|Applebot|TweetmemeBot|crawler4j|findxbot|S[eE][mM]rushBot|yoozBot|lipperhey|Y!J|Domain Re-Animator Bot|AddThis|Screaming Frog SEO Spider|MetaURI|Scrapy|Livelap[bB]ot|OpenHoseBot|CapsuleChecker|collection@infegy.com|IstellaBot|DeuSu\\/|betaBot|Cliqzbot\\/|MojeekBot\\/|netEstate NE Crawler|SafeSearch microdata crawler|Gluten Free Crawler\\/|Sonic|Sysomos|Trove|deadlinkchecker|Slack-ImgProxy|Embedly|RankActiveLinkBot|iskanie|SafeDNSBot|SkypeUriPreview|Veoozbot|Slackbot|redditbot|datagnionbot|Google-Adwords-Instant|adbeat_bot|WhatsApp|contxbot|pinterest.com.bot|electricmonk|GarlikCrawler|BingPreview\\/|vebidoobot|FemtosearchBot|Yahoo Link Preview|MetaJobBot|DomainStatsBot|mindUpBot|Daum\\/|Jugendschutzprogramm-Crawler|Xenu Link Sleuth|Pcore-HTTP|moatbot|KosmioBot|[pP]ingdom|AppInsights|PhantomJS|Gowikibot|PiplBot|Discordbot|TelegramBot|Jetslide|newsharecounts|James BOT|Bark[rR]owler|TinEye|SocialRankIOBot|trendictionbot|Ocarinabot|epicbot|Primalbot|DuckDuckGo-Favicons-Bot|GnowitNewsbot|Leikibot|LinkArchiver|YaK\\/|PaperLiBot|Digg Deeper|dcrawl|Snacktory|AndersPinkBot|Fyrebot|EveryoneSocialBot|Mediatoolkitbot|Luminator-robots|ExtLinksBot|SurveyBot|NING\\/|okhttp|Nuzzel|omgili|PocketParser|YisouSpider|um-LN|ToutiaoSpider|MuckRack|Jamie's Spider|AHC\\/|NetcraftSurveyAgent|Laserlikebot|^Apache-HttpClient|AppEngine-Google|Jetty|Upflow|Thinklab|Traackr.com|Twurly|Mastodon|http_get|DnyzBot|botify|007ac9 Crawler|BehloolBot|BrandVerity|check_http|BDCbot|ZumBot|EZID|ICC-Crawler|ArchiveBot|^LCC |filterdb.iss.net\\/crawler|BLP_bbot|BomboraBot|Buck\\/|Companybook-Crawler|Genieo|magpie-crawler|MeltwaterNews|Moreover|newspaper\\/|ScoutJet|(^| )sentry\\/|StorygizeBot|UptimeRobot|OutclicksBot|seoscanners|Hatena|Google Web Preview|MauiBot|AlphaBot|SBL-BOT|IAS crawler|adscanner|Netvibes|acapbot|Baidu-YunGuanCe|bitlybot|blogmuraBot|Bot.AraTurka.com|bot-pge.chlooe.com|BoxcarBot|BTWebClient|ContextAd Bot|Digincore bot|Disqus|Feedly|Fetch\\/|Fever|Flamingo_SearchEngine|FlipboardProxy|g2reader-bot|G2 Web Services|imrbot|K7MLWCBot|Kemvibot|Landau-Media-Spider|linkapediabot|vkShare|Siteimprove.com|BLEXBot\\/|DareBoost|ZuperlistBot\\/|Miniflux\\/|Feedspot|Diffbot\\/|SEOkicks|tracemyfile|Nimbostratus-Bot|zgrab|PR-CY.RU|AdsTxtCrawler|Datafeedwatch|Zabbix|TangibleeBot|google-xrawler|axios|Amazon CloudFront|Pulsepoint|CloudFlare-AlwaysOnline|Google-Structured-Data-Testing-Tool|WordupInfoSearch|WebDataStats|HttpUrlConnection|Seekport Crawler|ZoomBot|VelenPublicWebCrawler|MoodleBot|jpg-newsbot|outbrain|W3C_Validator|Validator\\.nu|W3C-checklink|W3C-mobileOK|W3C_I18n-Checker|FeedValidator|W3C_CSS_Validator|W3C_Unicorn|Google-PhysicalWeb|Blackboard|ICBot\\/|BazQux|Twingly|Rivva|Experibot|awesomecrawler|Dataprovider.com|GroupHigh\\/|theoldreader.com|AnyEvent|Uptimebot\\.org|Nmap Scripting Engine|2ip.ru|Clickagy|Caliperbot|MBCrawler|online-webceo-bot|B2B Bot|AddSearchBot|Google Favicon|HubSpot|Chrome-Lighthouse|HeadlessChrome|CheckMarkNetwork\\/|www\\.uptime\\.com|Streamline3Bot\\/|serpstatbot\\/|MixnodeCache\\/|^curl|SimpleScraper|RSSingBot|Jooblebot|fedoraplanet|Friendica|NextCloud|Tiny Tiny RSS|RegionStuttgartBot|Bytespider|Datanyze|Google-Site-Verification|TrendsmapResolver|tweetedtimes|NTENTbot|Gwene|SimplePie|SearchAtlas|Superfeedr|feedbot|UT-Dorkbot|Amazonbot|SerendeputyBot|Eyeotabot|officestorebot|Neticle Crawler|SurdotlyBot|LinkisBot|AwarioSmartBot|AwarioRssBot|RyteBot|FreeWebMonitoring SiteChecker|AspiegelBot|NAVER Blog Rssbot|zenback bot|SentiBot|Domains Project\\/|Pandalytics|VKRobot|bidswitchbot|tigerbot|NIXStatsbot|Atom Feed Robot|Curebot|PagePeeker\\/|Vigil\\/|rssbot\\/|startmebot\\/|JobboerseBot|seewithkids|NINJA bot|Cutbot|BublupBot|BrandONbot|RidderBot|Taboolabot|Dubbotbot|FindITAnswersbot|infoobot|Refindbot|BlogTraffic\\/\\d\\.\\d+ Feed-Fetcher|SeobilityBot|Cincraw|Dragonbot|VoluumDSP-content-bot|FreshRSS|BitBot|^PHP-Curl-Class|Google-Certificates-Bridge|centurybot|Viber|e\\.ventures Investment Crawler|evc-batch|PetalBot|virustotal|(^| )PTST\\/|minicrawler|Cookiebot|trovitBot|seostar\\.co|IonCrawl)" const eventListeners = { click: function (event) { const eventCausedByHuman = event.x && event.y && event.screenX && event.screenY; if (!eventCausedByHuman) return; const secondsIn3Hours = 10800; const secondsSincePageViewStart = (new Date() - page.startTime) / 1000; if (secondsSincePageViewStart > secondsIn3Hours) { logger('EventListener.Click: Stopping recorder - PageView lasted more than 3 hours'); stopRecorder(); return; } const click = getHistorianClick(event); logger('EventListener.Click: Clicked on "' + click.cssSelector + '"'); api.sendClick(click); } }; const runningIntervalIds = []; const session = { id: null, scriptVersion: scriptVersion, startTime: null, referrer: null, userAgent: null, deviceInfo: null, siteId: null, trackingInformation: null, previousSessionId: null }; const page = { id: null, url: null, canonicalUrl: null, startTime: null, referrer: null, previousPageId: null, trackingInformation: null, }; let nodeByHistorianId; let nodeCountByNodeName; const nodeType = { element: 1, text: 3, cData: 4, xml: 7, comment: 8, document: 9, documenType: 10, documentFragment: 11 }; let cssPathResolver; const imagesInView = []; let handleExposureProcessingTimer = null; const processedPurchaseIds = []; const publicFunctions = {}; publicFunctions.init = function (_options) { try { logger('Init: Script version: ' + scriptVersion); if (scriptRunning) { logger('Init: Script already initialized - stopping duplicate script initialization', true); return; } scriptRunning = true; if (!siteIsRecording) { logger('Init: site is not recording, stopping script.'); return; } const currentlyOnValidDomain = domains.some(function (validDomain) { const regEx = new RegExp('\w?' + validDomain, 'ig'); return window.location.hostname.match(regEx); }); if (!currentlyOnValidDomain) { logger('Init: recording script for site (' + siteId + ') should not record domain "' + window.location.hostname + '", stopping script.'); return; } const botUserAgentRegex = new RegExp(botUserAgentPattern, 'i'); const browserIsBotOrCrawler = botUserAgentRegex.test(navigator.userAgent); if (browserIsBotOrCrawler) { logger('Init: bot or crawler detected, stopping script'); return; } options = _options; options.unidentifiableDomNodeConditions = _options.unidentifiableDomNodeConditions || []; nodeByHistorianId = {}; nodeCountByNodeName = {}; cssPathResolver = getCssSelectorModule(); const currentPagePath = window.location.pathname; if (whitelist.length) { if (whitelist.indexOf(currentPagePath) === -1) { logger('Init: Whitelist active and current page "' + currentPagePath + '" is not in whitelist. Stopping script.'); return; } logger('Init: Whitelist active and current page "' + currentPagePath + '" is whitelisted'); } if (blacklist.length) { if (blacklist.indexOf(currentPagePath) > -1) { logger('Init: Blacklist active and current page "' + currentPagePath + '" is blacklisted. Stopping script.'); return; } logger('Init: Blacklist active and current page "' + currentPagePath + '" is not blacklisted.'); } initializePurchaseIds(); if (delayRecorderStartMs) { logger('Init: Delaying recorder starting by ' + delayRecorderStartMs + 'ms'); window.setTimeout(function () { if (document.readyState === 'complete' || document.readyState === 'loaded' || document.readyState === 'interactive') { startRecorder(); processHistorianWindowQueue(); } else { logger('Init: document not ready, awaiting DOM ready. Current document.readyState: ' + document.readyState); window.addEventListener('DOMContentLoaded', function () { logger('Init: finished awaiting DOM ready, document is ready.'); startRecorder(); processHistorianWindowQueue(); }); } }, delayRecorderStartMs); return; } if (document.readyState === 'complete' || document.readyState === 'loaded' || document.readyState === 'interactive') { startRecorder(); processHistorianWindowQueue(); } else { logger('Init: document not ready, awaiting DOM ready. Current document.readyState: ' + document.readyState); window.addEventListener('DOMContentLoaded', function () { logger('Init: finished awaiting DOM ready, document is ready.'); startRecorder(); processHistorianWindowQueue(); }); } } catch (error) { logger('Init: error occured\n' + error, true); } }; publicFunctions.ecommercePurchase = function (ecommerce, options) { logger('EcommercePurchase: Ecommerce conversion called'); if (!siteIsRecording) { logger('EcommercePurchase: Script not running: purchase event was not processed'); return; } if (!ecommerce) { logger('EcommercePurchase: Cannot handle ecommerce call: Argument is null', true); return; } if (!page.id) { const waitTimeMs = 50; logger('EcommercePurchase: PageView not ready - waiting ' + waitTimeMs + ' ms and retrying ecommerce purchase'); window.setTimeout(function () { publicFunctions.ecommercePurchase(ecommerce) }, waitTimeMs); return; } let conversion = null; try { if (ecommerce.purchase && ecommerce.purchase.actionField) { logger('EcommercePurchase: Ecommerce call with EnhancedEcommerce(UA) template detected'); conversion = getConversionFromUAPurchase(ecommerce.purchase); } if (ecommerce.transaction_id && ecommerce.value) { logger('EcommercePurchase: Ecommerce call with Ecommerce(GA4) template detected'); conversion = getConversionFromGA4Purchase(ecommerce); } if (!conversion) { logger('EcommercePurchase: Cannot handle ecommerce call: Order could not be mapped, skipping sending of order', true); logger(ecommerce, true); return; } if (conversion.purchaseId && processedPurchaseIds.includes(conversion.purchaseId + '')) { logger('EcommercePurchase: Skipping transmission of duplicate purchaseId. Already transmitted conversion for purchaseId "' + conversion.purchaseId + '"'); return; } logger('EcommercePurchase: Ecommerce conversion successfully mapped'); logger('EcommercePurchase: Transmitting ecommerce conversion'); conversion.id = getNewGuid(); conversion.sessionId = session.id; conversion.pageId = page.id; if (!page.previousPageId) logger('EcommercePurchase called with empty PreviousPageId. PurchaseId ' + conversion.purchaseId, true); if (options && options.sendBeacon) api.sendEcommerceConversionInstantly(conversion); api.sendEcommerceConversion(conversion); processedPurchaseIds.push(conversion.purchaseId + ''); localStorage.setItem(localStorageKeys.processedPurchaseIds, JSON.stringify(processedPurchaseIds)); } catch (err) { logger('EcommercePurchase: Ecommerce conversion failed with unexpected error: ' + JSON.stringify(err), true); } } publicFunctions.ecommerce = {}; publicFunctions.ecommerce.addToCart = function (ecommerce) { logger('AddToCart: addToCart called'); if (!siteIsRecording) { logger('AddToCart: Script not running: addToCart event was not processed'); return; } if (!ecommerce) { logger('AddToCart: Cannot handle ecommerce addToCart call: Argument is null', true); return; } const addToCartEvent = { cartItems: [], timeOffset: new Date() - page.startTime, sessionId: session.id, pageId: page.id, }; try { if (ecommerce.add && ecommerce.add.products) { logger('AddToCart: addToCart call with EnhancedEcommerce(UA) template detected'); ecommerce.add.products.forEach(function (item) { addToCartEvent.cartItems.push({ id: item.id, name: item.name, price: helper.tryGetFloat(item.price), quantity: helper.tryGetInt(item.quantity), brand: item.brand, category: item.category, variant: item.variant }); }); } else if (ecommerce.items) { logger('AddToCart: addToCart call with Ecommerce(GA4) template detected'); ecommerce.items.forEach(function (item) { addToCartEvent.cartItems.push({ id: item.item_id, name: item.item_name, price: helper.tryGetFloat(item.price), quantity: helper.tryGetInt(item.quantity), brand: item.item_brand, category: item.item_category, variant: item.item_variant }); }); } if (!addToCartEvent.cartItems.length) { logger('AddToCart: Cannot handle addToCart call: could not map argument, skipping sending of cart', true); logger(ecommerce, true); return; } logger('AddToCart: Ecommerce addToCart successfully mapped'); logger('AddToCart: Transmitting ecommerce addToCart event'); api.sendAddToCartEvent(addToCartEvent); } catch (err) { logger('AddToCart: Ecommerce addToCart failed with unexpected error: ' + JSON.stringify(err), true); } }; publicFunctions.ecommerce.removeFromCart = function (ecommerce) { logger('RemoveFromCart: removeFromCart called'); if (!siteIsRecording) { logger('RemoveFromCart: Script not running - removeFromCart event was not processed'); return; } if (!ecommerce) { logger('RemoveFromCart: Cannot handle removeFromCart call: Argument is null', true); return; } const removeFromCartEvent = { cartItems: [], timeOffset: new Date() - page.startTime, sessionId: session.id, pageId: page.id, }; try { if (ecommerce.add && ecommerce.remove.products) { logger('RemoveFromCart: removeFromCart call with EnhancedEcommerce(UA) template detected'); ecommerce.remove.products.forEach(function (item) { removeFromCartEvent.cartItems.push({ id: item.id, name: item.name, price: helper.tryGetFloat(item.price), quantity: helper.tryGetInt(item.quantity), brand: item.brand, category: item.category, variant: item.variant }); }); } else if (ecommerce.items) { logger('RemoveFromCart: removeFromCart call with Ecommerce(GA4) template detected'); ecommerce.items.forEach(function (item) { removeFromCartEvent.cartItems.push({ id: item.item_id, name: item.item_name, price: helper.tryGetFloat(item.price), quantity: helper.tryGetInt(item.quantity), brand: item.item_brand, category: item.item_category, variant: item.item_variant }); }); } if (!removeFromCartEvent.cartItems.length) { logger('RemoveFromCart: Cannot handle removeFromCart call: could not map argument, skipping sending of cart. Ecommerce obj: ' + JSON.stringify(ecommerce), true); return; } logger('RemoveFromCart: removeFromCart successfully mapped'); logger('RemoveFromCart: Transmitting removeFromCart event'); api.sendRemoveFromCartEvent(removeFromCartEvent); } catch (err) { logger('RemoveFromCart: removeFromCart failed with unexpected error: ' + JSON.stringify(err), true); } } publicFunctions.ecommerce.clearCart = function () { logger('ClearCart: Ecommerce clearCart called'); if (!siteIsRecording) { logger('ClearCart: Script not running: clearCart event was not processed'); return; } const clearCartEvent = { timeOffset: new Date() - page.startTime, sessionId: session.id, pageId: page.id, }; logger('ClearCart: Transmitting Ecommerce clearCart event'); api.sendClearCartEvent(clearCartEvent); } publicFunctions.ecommerce.purchase = publicFunctions.ecommercePurchase; function getConversionFromUAPurchase(purchase) { const conversion = { purchaseId: null, totalAmount: null, rawTotalAmount: null, taxAmount: null, rawTaxAmount: null, shippingAmount: null, rawShippingAmount: null, currency: null, discountAmount: null, rawDiscountAmount: null, couponCode: null, items: [], timeOffset: new Date() - page.startTime }; if (purchase.actionField) { if (purchase.actionField.id) conversion.purchaseId = purchase.actionField.id; conversion.totalAmount = helper.tryGetFloat(purchase.actionField.revenue); conversion.rawTotalAmount = purchase.actionField.revenue + ''; if (purchase.actionField.tax) { conversion.taxAmount = helper.tryGetFloat(purchase.actionField.tax); conversion.rawTaxAmount = purchase.actionField.tax + ''; } if (purchase.actionField.shipping) { conversion.shippingAmount = helper.tryGetFloat(purchase.actionField.shipping); conversion.rawShippingAmount = purchase.actionField.shipping + ''; } if (purchase.actionField.coupon) conversion.couponCode = purchase.actionField.coupon.toString(); } if (purchase.products && purchase.products.length > 0) { purchase.products.forEach(function (product) { if (!product) return; const item = { id: null, name: null, price: null, rawPrice: null, quantity: null, discount: null, brand: null, variant: null, category: null }; if (product.id) item.id = product.id; if (product.name) item.name = product.name; item.price = helper.tryGetFloat(product.price); item.rawPrice = product.price + ''; if (product.brand) item.brand = product.brand; if (product.category) item.category = product.category; if (product.variant) item.variant = product.variant; item.quantity = helper.tryGetInt(product.quantity); conversion.items.push(item); }); } return conversion; } function getConversionFromGA4Purchase(purchase) { const conversion = { purchaseId: null, totalAmount: null, rawTotalAmount: null, taxAmount: null, rawTaxAmount: null, shippingAmount: null, rawShippingAmount: null, currency: null, discountAmount: null, couponCode: null, items: [], timeOffset: new Date() - page.startTime }; if (purchase.transaction_id) conversion.purchaseId = purchase.transaction_id; conversion.totalAmount = helper.tryGetFloat(purchase.value); conversion.rawTotalAmount = purchase.value + ''; if (purchase.tax) { conversion.rawTaxAmount = purchase.tax + ''; conversion.taxAmount = helper.tryGetFloat(purchase.tax); } if (purchase.shipping) { conversion.rawShippingAmount = purchase.shipping + ''; conversion.shippingAmount = helper.tryGetFloat(purchase.shipping); } if (purchase.currency) conversion.currency = purchase.currency; if (purchase.coupon) conversion.couponCode = purchase.coupon.toString(); if (purchase.items && purchase.items.length > 0) { purchase.items.forEach(function (item) { if (!item) return; const product = { id: null, name: null, price: null, rawPrice: null, quantity: null, discount: null, brand: null, variant: null, category: null }; if (item.item_id) product.id = item.item_id + ''; if (item.item_name) product.name = item.item_name + ''; product.price = helper.tryGetFloat(item.price); product.rawPrice = item.price + ''; product.quantity = helper.tryGetInt(item.quantity); if (item.item_brand) product.brand = item.item_brand + ''; if (item.item_category) product.category = item.item_category + ''; if (item.item_variant) product.variant = item.item_variant + ''; conversion.items.push(product); }); } return conversion; } function processHistorianWindowQueue() { if (!window.historianqueue || !window.historianqueue.length) return; for (let i = 0; i < window.historianqueue.length; i++) { const item = window.historianqueue[i]; if (item.event === 'ecommercePurchase') { logger('ProcessHistorianWindowQueue: ecommercePurchase item found on window.historianqueue- calling ecommercePurchase'); publicFunctions.ecommercePurchase(item.data); } if (item.event === 'tagPageVariable') { logger('ProcessHistorianWindowQueue: tagPageVariable item found on window.historianqueue- calling tagPageVariable'); publicFunctions.tagPageVariable(item.key, item.value); } if (item.event === 'tagSessionVariable') { logger('ProcessHistorianWindowQueue: tagSessionVariable item found on window.historianqueue- calling tagSessionVariable'); publicFunctions.tagSessionVariable(item.key, item.value); } } window.historianqueue = []; } publicFunctions.printAllLogs = function () { logEntries.forEach(function (msg) { console.log('Historian:' + msg); }); } publicFunctions.version = scriptVersion; publicFunctions.tagPageVariable = function (key, value) { logger('TagPageVariable: Tagging page with variable'); if (!siteIsRecording) { logger('TagPageVariable: Script not running: skipping tagging of page variable'); return; } const dto = { sessionId: session.id, pageId: page.id, timeOffset: new Date() - page.startTime, key: key, value: value }; api.sendPageVariable(dto); } publicFunctions.tagSessionVariable = function (key, value) { logger('TagSessionVariable: Tagging session with "' + key + '": "' + value + '"'); if (!siteIsRecording) { logger('TagSessionVariable: Script not running: skipping tagging of session variable'); return; } const dto = { sessionId: session.id, key: key, value: value }; api.sendSessionVariable(dto); } publicFunctions.getNextConversionId = function() { return getNewGuid(); } publicFunctions.getPageId = function() { return page.id; } publicFunctions.getSessionId = function() { return session.id; } publicFunctions.getCurrentTimeOffset = function() { return new Date() - page.startTime; } function getHistorianClick(browserEvent) { const cssSelector = cssPathResolver(browserEvent.target); const matchingElements = document.querySelectorAll(cssSelector); const numberOfMatchingElements = matchingElements.length; let elementIndex = 0; if (numberOfMatchingElements > 1) { for (let i = 0; i < numberOfMatchingElements; i++) if (matchingElements[i] === browserEvent.target) { elementIndex = i; break; } } const anchor = getClosestAnchorForElement(browserEvent.target); //const simpleDomTree = getSimpleDomTreeForClickedElement(browserEvent.target); return { id: getNewGuid(), sessionId: session.id, pageId: page.id, cssSelector: cssSelector, elementsMatchingCssSelectorCount: numberOfMatchingElements, elementIndex: elementIndex, anchor: anchor, timeOffset: new Date() - page.startTime }; } function getClosestAnchorForElement(element) { function getHrefFromElement(element) { return element && element.tagName === 'A' && element.href ? element.getAttribute('href') : null; } const ownHref = getHrefFromElement(element); if (ownHref) return {type: 'OWN', href: ownHref}; let parent = element.parentElement; while (parent) { let parentHref = getHrefFromElement(parent); if (parentHref) return {type: 'ANC', href: parentHref}; parent = parent.parentElement; } if (!element.parentElement) return null; const siblings = element.parentElement.children || []; for (let i = 0; i < siblings.length; i++) { const siblingHref = getHrefFromElement(siblings[i]); if (siblingHref) return {type: 'SIB', href: siblingHref}; } return null; } // function getSimpleDomTreeForClickedElement(element) { // const path = []; // let currentElement = element; // while (currentElement && currentElement.nodeName !== 'BODY' && currentElement.nodeName !== 'HTML') { // let textContent = []; // for (let i = 0; i < currentElement.childNodes.length; i++) { // if (currentElement.childNodes[i].nodeType !== nodeType.text) // continue; // // textContent.push(currentElement.childNodes[i].nodeValue.slice(0, 200)); // } // // let css = null; // // if (typeof currentElement.className === 'string' || currentElement.className instanceof String) // css = currentElement.className; // else if ((typeof currentElement.className === 'object' || currentElement.className instanceof Object) && (typeof currentElement.className.baseVal === 'string' || currentElement.className.baseVal instanceof String)) // css = currentElement.className.baseVal; // // path.unshift({ // tagName: currentElement.nodeName, // imageSrc: currentElement.src, // textContent: textContent, // css: css // }); // // currentElement = currentElement.parentElement; // } // // return path; // } function startRecorder() { const existingSession = getExistingSessionInfoFromBrowserStorage(); if (existingSession) { const continueRecordingOnExistingSession = existingSessionShouldBeContinued(existingSession.id, existingSession.startTime); if (continueRecordingOnExistingSession) { logger('startRecorder: Continuing recording on existing session ' + existingSession.id); session.id = existingSession.id; session.startTime = existingSession.startTime; } } if (!session.id) createNewSession(); startNewPageView(); bindEventHandlers(); startLocationHrefPoller(); //processImageExposure(); //Temporarily stopped processing exposure api.processQueueFromPreviousPageView(); } function existingSessionShouldBeContinued(sessionId, sessionStartTime) { logger('Existing session ' + sessionId + ' found'); // allowing session to live for a max of 24 hours const ticksIn12Hours = 86400000; if (new Date() - sessionStartTime > ticksIn12Hours) { logger('Session started more than 24 hours ago - will not re-use existing session'); return false; } return true; } function processIntegrations() { const integrations = { sessionId: session.id, pageId: page.id, mouseflow: null, hotjar: null } if (window.mouseflow && mouseflow.isRecording() && window.mouseflow.websiteId && window.mouseflow.getSessionId() && window.mouseflow.getPageViewId()) { logger('Integration: Active Mouseflow script detected') integrations.mouseflow = { siteId: window.mouseflow.websiteId, sessionId: window.mouseflow.getSessionId(), pageId: window.mouseflow.getPageViewId() } } if (!integrations.mouseflow && !integrations.hotjar) { logger('Integration: No integrations detected.'); return; } api.sendIntegrations(integrations) } function stopRecorder() { logger('StopRecorder: Stopping recording page'); document.removeEventListener('click', eventListeners.click, true) runningIntervalIds.forEach(function (intervalId) { window.clearInterval(intervalId); }); logger('StopRecorder: Recording of page stopped'); } function initializePurchaseIds() { const savedPurchaseIds = localStorage.getItem(localStorageKeys.processedPurchaseIds); if (!savedPurchaseIds) return; const previousPurchaseIds = JSON.parse(savedPurchaseIds); if (!Array.isArray(previousPurchaseIds)) return; logger('InitializePurchaseIds: found ' + previousPurchaseIds.length + ' purchase-ids from previous pageviews/sessions'); previousPurchaseIds.forEach(function (id) { processedPurchaseIds.push(id); }); } function bindEventHandlers() { document.addEventListener('click', eventListeners.click, true); // Temporarily removed image exposure // document.addEventListener('scroll', function(e) { // if (handleExposureProcessingTimer) // clearTimeout(handleExposureProcessingTimer) // // handleExposureProcessingTimer = setTimeout(function() { // processImageExposure(); // }, 200); // }); // // window.addEventListener('resize', function(e) { // if (handleExposureProcessingTimer) // clearTimeout(handleExposureProcessingTimer) // // handleExposureProcessingTimer = setTimeout(function() { // processImageExposure(); // }, 200); // },); logger('BindEventHandlers: EventHandlers attached'); } function startLocationHrefPoller() { const intervalId = window.setInterval(function () { const url = document.location.href; if (url !== page.url) { logger('document.location changed from: ' + page.url + ' to ' + url); startNewPageView(); } }, 50); runningIntervalIds.push(intervalId); } function createNewSession() { session.id = getNewGuid(); session.startTime = new Date(); session.userAgent = navigator.userAgent; session.deviceInfo = getDeviceInfo(); session.siteId = siteId; session.trackingInformation = getTrackingInformation(); if (document.referrer) { logger('createNewSession: found referrer: ' + document.referrer); session.referrer = document.referrer; } const previousSession = getExistingSessionInfoFromBrowserStorage(); if (previousSession) { logger('createNewSession: setting previouSessionId to ' + previousSession.id); session.previousSessionId = previousSession.id; } logger('createNewSession: creating new session id: ' + session.id); api.sendSession(session); saveExistingSessionToBrowserStorage(session.id, session.startTime); } function startNewPageView() { logger('startNewPageView: starting new pageview'); page.id = getNewGuid(); page.url = window.location.href; page.canonicalUrl = getCanonicalUrlForCurrentPage(); page.startTime = new Date(); page.previousPageId = getPreviousPageIdFromLocalStorage(); page.trackingInformation = getTrackingInformationForPageView(); if (document.referrer) page.referrer = document.referrer; logger('startNewPageView: started new PageView' + '(starttime: ' + page.startTime + ')\n' + 'id: ' + page.id + '\n' + 'session id: ' + session.id + '\n' + 'url: ' + page.url + '\n' + 'canonicalUrl: ' + page.canonicalUrl + '\n' + 'previousPageId: ' + page.previousPageId + '\n' + 'referrer: ' + page.referrer); setPageIdInLocalStorage(page.id); api.sendPageView(session.id, page); processIntegrations(); } function getCanonicalUrlForCurrentPage() { const canonicalNode = document.querySelector("link[rel='canonical']"); if (!canonicalNode) return null; return canonicalNode.getAttribute('href'); } function getDeviceInfo() { const result = { hasTouch: false, availWidth: null, availHeight: null, width: null, height: null, }; result.hasTouch = !!(window.ontouchstart || (window.navigator && (navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0))); if (window.screen) { result.screenAvailWidth = window.screen.availWidth; result.screenAvailHeight = window.screen.availHeight; result.screenWidth = window.screen.width; result.screenHeight = window.screen.height; } return result; } function getNewGuid() { if (window.crypto && window.crypto.randomUUID) // safest GUID generator return window.crypto.randomUUID().replace(/-/g, ''); if (window.crypto && !!Uint8Array) // less safe way of guid generation return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11) .replace(/[018]/g, function (c) { return (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16); }) .replace(/-/g, ''); return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { //least safe GUID generation due to usage of Math.random(), see https://stackoverflow.com/questions/105034/how-do-i-create-a-guid-uuid const r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8); return v.toString(16).replace(/-/g, ''); }); } function getTrackingInformationForPageView() { if (document.referrer) { //check if click is on-page navigation, i.e. user has a long-living browser open and continues navigating around const referrerMatchesRecordingDomain = domains.some(domain => { const regEx = new RegExp(domain, 'i'); return document.referrer.match(regEx); }); if (!referrerMatchesRecordingDomain) { logger('Referrer is not from any recorded domain (referrer: ' + document.referrer + ')'); return getTrackingInformation(); } } return null; } function getTrackingInformation() { const result = { utm: null, hasFbclid: false, hasGclid: false }; if (helper.getQueryStringParameterByName('fbclid')) result.hasFbclid = true; if (helper.getQueryStringParameterByName('gclid')) result.hasGclid = true; const utmSource = helper.getQueryStringParameterByName('utm_source'); const utmMedium = helper.getQueryStringParameterByName('utm_medium'); const utmContent = helper.getQueryStringParameterByName('utm_content'); const utmCampaign = helper.getQueryStringParameterByName('utm_campaign'); const utmTerm = helper.getQueryStringParameterByName('utm_term'); result.utm = { source: utmSource, medium: utmMedium, content: utmContent, campaign: utmCampaign, term: utmTerm }; return result; } function processImageExposure() { const viewPortHeight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0); const enteredView = []; const leftView = []; const images = document.getElementsByTagName('img'); for (let i = 0; i < images.length; i++) { const image = images[i]; const imageYTopOfWindowOffset = image.getBoundingClientRect().top; const imageCenterYTopOfWindowOffset = imageYTopOfWindowOffset + (image.height / 2); const isInView = imageCenterYTopOfWindowOffset > 0 && imageCenterYTopOfWindowOffset < viewPortHeight; const imagesInViewIndex = imagesInView.indexOf(image); if (!isInView && imagesInViewIndex > -1) { leftView.push(image); imagesInView.splice(imagesInViewIndex, 1); continue; } if (isInView && imagesInViewIndex === -1) { enteredView.push(image); imagesInView.push(image); } } if (enteredView.length || leftView.length) { const dto = { sessionId: sesion.id, pageId: page.id, timeOffset: new Date() - page.startTime, enteredView: enteredView.map(function (img) { return img.src }), leftView: leftView.map(function (img) { return img.src }) }; api.sendImageExposure(dto) } } function getPreviousPageIdFromLocalStorage() { return localStorage.getItem(localStorageKeys.pageViewId); } function setPageIdInLocalStorage(id) { localStorage.setItem(localStorageKeys.pageViewId, id); } function queryStringContainsKey(key) { return window.location.href.indexOf(key) > -1; } function saveExistingSessionToBrowserStorage(id, startTime) { try { setSessionCookie(id, startTime); setSessionLocalStorageEntry(id, startTime); } catch (err) { logger('SaveExistingSessionToBrowserStorage: Failed setting session info in browser storage: ' + JSON.stringify(err), true); } } function getExistingSessionInfoFromBrowserStorage() { try { const existingSessionFromLocalStorage = getExistingSessionFromLocalStorage(); if (existingSessionFromLocalStorage) return existingSessionFromLocalStorage; //prioritizing local storage over cookies } catch (err) { logger('GetExistingSessionInfoFromBrowserStorage: Failed fetching existing-session info from localstorage: ' + JSON.stringify(err), true); } try { const existingSessionFromCookie = getExistingSessionFromCookie(); if (existingSessionFromCookie) return existingSessionFromCookie; } catch (err) { logger('GetExistingSessionInfoFromBrowserStorage: Failed fetching existing-session info from cookie: ' + JSON.stringify(err), true); } return null; } function setSessionLocalStorageEntry(id, startTime) { if (!localStorage.setItem) return; const entryValue = id + '|' + startTime.toISOString(); localStorage.setItem(localStorageKeys.existingSessionInfo, entryValue); } function getExistingSessionFromLocalStorage() { if (!localStorage.getItem) return null; const value = localStorage.getItem(localStorageKeys.existingSessionInfo); if (!value) return null; const parts = value.split('|'); return { id: parts[0], startTime: new Date(parts[1]) }; } function setSessionCookie(id, startTime) { const cookieValue = id + '|' + startTime.toISOString(); setCookie(cookieKeys.existingSessionInfo, cookieValue); } function getExistingSessionFromCookie() { const cookieContent = getCookie(cookieKeys.existingSessionInfo); if (!cookieContent) return null; const parts = cookieContent.split('|'); return { id: parts[0], startTime: new Date(parts[1]) }; } function setCookie(name, value, expiryDate) { const expirePart = expiryDate ? '; expires=' + expiryDate.toUTCString() : ''; document.cookie = name + "=" + (value || '') + expirePart + "; path=/"; } function getCookie(name) { if (!document.cookie) return null; const nameMatch = name + "="; const cookies = document.cookie.split(';'); for (let i = 0; i < cookies.length; i++) { let cookie = cookies[i]; while (cookie.charAt(0) == ' ') cookie = cookie.substring(1, cookie.length); if (cookie.indexOf(nameMatch) == 0) return cookie.substring(nameMatch.length, cookie.length); } return null; } const api = (function () { const rootUrl = 'https://historian-api.azurewebsites.net'; const queueItemType = { SESSION: 1, PAGEVIEW: 2, CLICK: 3, ECOMMERCE_CONVERSION: 4, ECOMMERCE_ADD_TO_CART: 5, ECOMMERCE_REMOVE_FROM_CART: 6, ECOMMERCE_CLEAR_CART: 7, TAG_SESSION_VARIABLE: 8, TAG_PAGEVIEW_VARIABLE: 9, IMAGE_EXPOSURE: 10, INTEGRATIONS: 11, LOG_ENTRY: 12 }; function popNextItemFromQueue() { function getQueueItemPriority(itemType) { switch (itemType) { case queueItemType.SESSION: return 1; case queueItemType.PAGEVIEW: return 2; case queueItemType.ECOMMERCE_CONVERSION: return 3; case queueItemType.CLICK: case queueItemType.ECOMMERCE_ADD_TO_CART: case queueItemType.ECOMMERCE_REMOVE_FROM_CART: case queueItemType.ECOMMERCE_CLEAR_CART: case queueItemType.IMAGE_EXPOSURE: case queueItemType.INTEGRATIONS: case queueItemType.TAG_SESSION_VARIABLE: case queueItemType.TAG_PAGEVIEW_VARIABLE: return 4; default: return 5; } } const highestPriorityItem = queue.sort(function (a, b) { return getQueueItemPriority(a.type) - getQueueItemPriority(b.type); })[0]; const queueItemIndex = queue.indexOf(highestPriorityItem); queue.splice(queueItemIndex, 1); return highestPriorityItem; } let apiCallErrorTimestamps = []; let apiCallLastSuccessTimestamp = new Date(); const queue = []; let queueItemBeingProcessed = null; let queueBeingProcessed = false; let documentUnloadInProgress = false; function processQueue() { if (queueBeingProcessed || documentUnloadInProgress || !queue.length) return; queueBeingProcessed = true; queueItemBeingProcessed = popNextItemFromQueue(); logger('API: Processing API queue item. ' + queue.length + ' other items remaining in queue'); const dto = JSON.stringify(queueItemBeingProcessed.dto); const url = rootUrl + queueItemBeingProcessed.url; const onSuccess = function () { queueBeingProcessed = false; queueItemBeingProcessed = null; apiCallLastSuccessTimestamp = new Date(); apiCallErrorTimestamps = []; const processQueueDelay = 20; logger('API: Finished processing API queue item.'); if (queue.length) { logger('API: ' + queue.length + ' items in queue, processing queue again in ' + processQueueDelay + 'ms'); window.setTimeout(processQueue, processQueueDelay); } }; const onError = function (httpStatusCode) { const shouldTransmitLog = !documentUnloadInProgress; logger('API: Failed transmitting to endpoint: "' + url + '" (http status: "' + httpStatusCode + '") requeuing DTO: ' + dto, shouldTransmitLog); apiCallErrorTimestamps.push(new Date()); queue.unshift(queueItemBeingProcessed); queueBeingProcessed = false; queueItemBeingProcessed = null; let queueProcessingDelay = 100; if (new Date() - apiCallLastSuccessTimestamp > 1000) queueProcessingDelay += apiCallErrorTimestamps.length * 500; if (queueProcessingDelay > 15000) queueProcessingDelay = 15000; window.setTimeout(processQueue, queueProcessingDelay); }; sendRequest(dto, url, onSuccess, onError); } function sendRequest(jsonBody, url, onSuccess, onError, timeOut) { const xhr = new XMLHttpRequest(); xhr.open('POST', url, true); xhr.timeout = timeOut || 2500; xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.successCallback = onSuccess; xhr.errorCallback = onError; xhr.onreadystatechange = function () { if (this.readyState === XMLHttpRequest.DONE) { if (this.successCallback && this.status === 200) this.successCallback(); else if (this.errorCallback && this.status !== 200) this.errorCallback(this.status); } } xhr.send(jsonBody); } (function attachBeforeUnloadListener() { window.addEventListener('pagehide', function () { documentUnloadInProgress = true; logger('"pagehide" EventListener triggered'); if (queueItemBeingProcessed) queue.unshift(queueItemBeingProcessed); if (queue.length) { logger('PageHide: Saving ' + queue.length + ' items from API queue to localStorage'); const currentQueueContent = localStorage.getItem(localStorageKeys.queueKey); if (currentQueueContent) { logger('PageHide: Existing queue detected in localstorage key "' + localStorageKeys.queueKey + '". Extending set of items saved in localstorage'); const existingLocalStorageQueueContent = JSON.parse(currentQueueContent); logger('PageHide: Existing queue detected in localstorage key "' + localStorageKeys.queueKey + '" consists of ' + existingLocalStorageQueueContent.length + ' items'); for (let i = 0; i < existingLocalStorageQueueContent.length; i++) queue.unshift(existingLocalStorageQueueContent[i]); } localStorage.setItem(localStorageKeys.queueKey, JSON.stringify(queue)); logger('PageHide: Saved ' + queue.length + ' items from API queue to localStorage'); } }); })(); return { sendSession: function (session) { queue.push({ type: queueItemType.SESSION, dto: session, url: '/session' }); logger('API: Pushed session to API queue'); processQueue(); }, sendPageView: function (sessionId, page) { queue.push({ type: queueItemType.PAGEVIEW, dto: { sessionId: sessionId, id: page.id, url: page.url, canonicalUrl: page.canonicalUrl, startTime: page.startTime, referrer: page.referrer, previousPageId: page.previousPageId, trackingInformation: page.trackingInformation }, url: '/session/page' }); logger('API: Pushed pageview to API queue'); processQueue(); }, sendClick: function (dto) { queue.push({ type: queueItemType.CLICK, dto: dto, url: '/session/page/click' }); logger('API: Pushed click-event to API queue'); processQueue(); }, sendEcommerceConversion: function (dto) { queue.push({ type: queueItemType.ECOMMERCE_CONVERSION, dto: dto, url: '/ecommerce/conversion' }); logger('API: Pushed ecommerce-conversion to API queue'); processQueue(); }, sendEcommerceConversionInstantly: function(dto) { const json = JSON.stringify(dto); if (!navigator.sendBeacon) { logger('api.sendEcommerceConversionInstantly failed as navigator.sendBeacon is unavailable in the browser. Dto: ' + json, true); return; } const url = rootUrl + '/ecommerce/conversion'; navigator.sendBeacon(url, json); }, sendAddToCartEvent: function (dto) { queue.push({ type: queueItemType.ECOMMERCE_ADD_TO_CART, dto: dto, url: '/ecommerce/add-to-cart' }); logger('API: Pushed add-to-cart to API queue'); processQueue(); }, sendRemoveFromCartEvent: function (dto) { queue.push({ type: queueItemType.ECOMMERCE_REMOVE_FROM_CART, dto: dto, url: '/ecommerce/remove-from-cart' }); logger('API: Pushed remove-from-cart to API queue'); processQueue(); }, sendClearCartEvent: function (dto) { queue.push({ type: queueItemType.ECOMMERCE_CLEAR_CART, dto: dto, url: '/ecommerce/clear-cart' }); logger('API: Pushed clear-cart to API queue'); processQueue(); }, sendSessionVariable: function (dto) { queue.push({ type: queueItemType.TAG_SESSION_VARIABLE, dto: dto, url: '/session/variable' }); logger('API: Pushed session-variable to API queue'); processQueue(); }, sendPageVariable: function (dto) { queue.push({ type: queueItemType.TAG_PAGEVIEW_VARIABLE, dto: dto, url: '/session/page/variable' }); logger('API: Pushed pageview-variable to API queue'); processQueue(); }, sendImageExposure: function (dto) { queue.push({ type: queueItemType.IMAGE_EXPOSURE, dto: dto, url: '/session/page/image-exposure' }); logger('API: Pushed image-exposure to API queue'); processQueue(); }, sendIntegrations: function (dto) { queue.push({ type: queueItemType.INTEGRATIONS, dto: dto, url: '/session/page/integrations' }); logger('API: Pushed integrations to API queue'); processQueue(); }, sendLog: function (siteId, url, log) { const loggingApiEndpoint = rootUrl + '/log'; const dto = { siteId: siteId, url: url, text: log } logger('API: sending log entry'); const json = JSON.stringify(dto); sendRequest(json, loggingApiEndpoint, null, null, 5000); }, processQueueFromPreviousPageView: function () { try { const queueContentFromPreviousPage = localStorage.getItem(localStorageKeys.queueKey); if (!queueContentFromPreviousPage) return; const savedQueueItems = JSON.parse(queueContentFromPreviousPage); if (!savedQueueItems.length) return; logger('Pushing ' + savedQueueItems.length + ' items into API queue'); for (let i = 0; i < savedQueueItems.length; i++) queue.push(savedQueueItems[i]); logger('Pushed ' + savedQueueItems.length + ' items into API queue'); localStorage.removeItem(localStorageKeys.queueKey); logger('Cleared ' + savedQueueItems.length + ' items and deleted localstoragekey "' + localStorageKeys.queueKey + '"'); processQueue(); } catch (err) { logger('api.processQueueFromPreviousPageView() failed with unexpected error: ' + JSON.stringify(err), true); } } }; })(); function getCssSelectorModule() { if (window.document.documentMode || window.navigator.userAgent.indexOf("Edge") > -1) { //IE7-11 & legacy edge detection logger('Legacy browser detected. CssSelectors will always be resolved to null.') return function (node) { return null; }; } //slightly modified self-invoking version of https://gist.githubusercontent.com/asfaltboy/8aea7435b888164e8563/raw/caf6a507c36285e71f5fc9ab9972cc64bb64285c/css_path.js return function (e) { function t(e, t, n) { if (e.nodeType !== Node.ELEMENT_NODE) return null; const o = e.getAttribute("id"); if (t) { if (o) return {value: s(o), optimized: !0}; const t = e.nodeName.toLowerCase(); if ("body" === t || "head" === t || "html" === t) return { value: e.nodeName.toLowerCase(), optimized: !0 } } const r = e.nodeName.toLowerCase(); if (o) return {value: r.toLowerCase() + s(o), optimized: !0}; const i = e.parentNode; if (!i || i.nodeType === Node.DOCUMENT_NODE) return {value: r.toLowerCase(), optimized: !0}; function u(e) { const t = e.getAttribute("class"); return t ? t.split(/\s+/g).filter(Boolean).map((function (e) { return "$" + e })) : [] } function s(e) { return "#" + c(e) } function c(e) { if (/^-?[a-zA-Z_][a-zA-Z0-9_-]*$/.test(e)) return e; const t = /^(?:[0-9]|-[0-9-]?)/.test(e), n = e.length - 1; return e.replace(/./g, (function (e, o) { return t && 0 === o || !function (e) { return !!/[a-zA-Z0-9_-]/.test(e) || e.charCodeAt(0) >= 160 }(e) ? function (e, t) { return "\\" + function (e) { let t = e.charCodeAt(0).toString(16); 1 === t.length && (t = "0" + t); return t }(e) + (t ? "" : " ") }(e, o === n) : e })) } const a = u(e); let f = !1, l = !1, d = -1; const p = i.children; for (let t = 0; (-1 === d || !l) && t < p.length; ++t) { const n = p[t]; if (n === e) { d = t; continue } if (l) continue; if (n.nodeName.toLowerCase() !== r.toLowerCase()) continue; f = !0; const o = a; let i = 0; for (const e in o) ++i; if (0 === i) { l = !0; continue } const s = u(n); for (let e = 0; e < s.length; ++e) { const t = s[e]; if (!o.indexOf(t) && (delete o[t], !--i)) { l = !0; break } } } let N = r.toLowerCase(); if (n && "input" === r.toLowerCase() && e.getAttribute("type") && !e.getAttribute("id") && !e.getAttribute("class") && (N += '[type="' + e.getAttribute("type") + '"]'), l) N += ":nth-child(" + (d + 1) + ")"; else if (f) for (let i = 0; i < a.length; i++) N += "." + c(a[i].substring(1)); return {value: N, optimized: !1} } if (e.nodeType !== Node.ELEMENT_NODE) return null; const n = []; let o = e; for (; o;) { const r = t(o, !1, o === e); if (!r) break; if (n.push(r), r.optimized) break; o = o.parentNode } return n.reverse(), n.map((function (e) { return e.value })).join(" > ") }; } const helper = { tryGetFloat: function (input) { let parser = Number.parseFloat; if (Number.parseFloat === undefined) parser = parseFloat; const float = parser(input); if (!this.isNumber(float)) return null; return float; }, tryGetInt: function (input) { const integer = Number.parseInt(input); if (!this.isNumber(integer)) return null; return integer; }, isNumber: function (n) { return n === +n && n !== (n | 0) || n === +n && n === (n | 0); }, getQueryStringParameterByName: function (name) { const url = window.location.href; name = name.replace(/[\[\]]/g, '\\$&'); const regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'); const results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } }; if (window.historian && window.historian.scriptInitialized) { logger('RecordingsSript loaded more than once on url ' + document.location.href, true); return { init: function() { //intentionally empty function to avoid null reference on initial .init() callback }}; } // License: MIT // Author: Anton Medvedev // Source: https://github.com/antonmedv/finder let config; let rootDocument; let start; function finder(input, options) { start = new Date(); if (input.nodeType !== Node.ELEMENT_NODE) { throw new Error(`Can't generate CSS selector for non-element node type.`); } if ('html' === input.tagName.toLowerCase()) { return 'html'; } const defaults = { root: document.body, idName: (name) => true, className: (name) => true, tagName: (name) => true, attr: (name, value) => false, seedMinLength: 1, optimizedMinLength: 2, threshold: 1000, maxNumberOfTries: 10000, timeoutMs: undefined, }; config = { ...defaults, ...options }; rootDocument = findRootDocument(config.root, defaults); let path = bottomUpSearch(input, 'all', () => bottomUpSearch(input, 'two', () => bottomUpSearch(input, 'one', () => bottomUpSearch(input, 'none')))); if (path) { const optimized = sort(optimize(path, input)); if (optimized.length > 0) { path = optimized[0]; } return selector(path); } else { throw new Error(`Selector was not found.`); } } function findRootDocument(rootNode, defaults) { if (rootNode.nodeType === Node.DOCUMENT_NODE) { return rootNode; } if (rootNode === defaults.root) { return rootNode.ownerDocument; } return rootNode; } function bottomUpSearch(input, limit, fallback) { let path = null; let stack = []; let current = input; let i = 0; while (current) { const elapsedTime = new Date().getTime() - start.getTime(); if (config.timeoutMs !== undefined && elapsedTime > config.timeoutMs) { throw new Error(`Timeout: Can't find a unique selector after ${elapsedTime}ms`); } let level = maybe(id(current)) || maybe(...attr(current)) || maybe(...classNames(current)) || maybe(tagName(current)) || [any()]; const nth = index(current); if (limit == 'all') { if (nth) { level = level.concat(level.filter(dispensableNth).map((node) => nthChild(node, nth))); } } else if (limit == 'two') { level = level.slice(0, 1); if (nth) { level = level.concat(level.filter(dispensableNth).map((node) => nthChild(node, nth))); } } else if (limit == 'one') { const [node] = (level = level.slice(0, 1)); if (nth && dispensableNth(node)) { level = [nthChild(node, nth)]; } } else if (limit == 'none') { level = [any()]; if (nth) { level = [nthChild(level[0], nth)]; } } for (let node of level) { node.level = i; } stack.push(level); if (stack.length >= config.seedMinLength) { path = findUniquePath(stack, fallback); if (path) { break; } } current = current.parentElement; i++; } if (!path) { path = findUniquePath(stack, fallback); } if (!path && fallback) { return fallback(); } return path; } function findUniquePath(stack, fallback) { const paths = sort(combinations(stack)); if (paths.length > config.threshold) { return fallback ? fallback() : null; } for (let candidate of paths) { if (unique(candidate)) { return candidate; } } return null; } function selector(path) { let node = path[0]; let query = node.name; for (let i = 1; i < path.length; i++) { const level = path[i].level || 0; if (node.level === level - 1) { query = `${path[i].name} > ${query}`; } else { query = `${path[i].name} ${query}`; } node = path[i]; } return query; } function penalty(path) { return path.map((node) => node.penalty).reduce((acc, i) => acc + i, 0); } function unique(path) { const css = selector(path); switch (rootDocument.querySelectorAll(css).length) { case 0: throw new Error(`Can't select any node with this selector: ${css}`); case 1: return true; default: return false; } } function id(input) { const elementId = input.getAttribute('id'); if (elementId && config.idName(elementId)) { return { name: '#' + CSS.escape(elementId), penalty: 0, }; } return null; } function attr(input) { const attrs = Array.from(input.attributes).filter((attr) => config.attr(attr.name, attr.value)); return attrs.map((attr) => ({ name: `[${CSS.escape(attr.name)}="${CSS.escape(attr.value)}"]`, penalty: 0.5, })); } function classNames(input) { const names = Array.from(input.classList).filter(config.className); return names.map((name) => ({ name: '.' + CSS.escape(name), penalty: 1, })); } function tagName(input) { const name = input.tagName.toLowerCase(); if (config.tagName(name)) { return { name, penalty: 2, }; } return null; } function any() { return { name: '*', penalty: 3, }; } function index(input) { const parent = input.parentNode; if (!parent) { return null; } let child = parent.firstChild; if (!child) { return null; } let i = 0; while (child) { if (child.nodeType === Node.ELEMENT_NODE) { i++; } if (child === input) { break; } child = child.nextSibling; } return i; } function nthChild(node, i) { return { name: node.name + `:nth-child(${i})`, penalty: node.penalty + 1, }; } function dispensableNth(node) { return node.name !== 'html' && !node.name.startsWith('#'); } function maybe(...level) { const list = level.filter(notEmpty); if (list.length > 0) { return list; } return null; } function notEmpty(value) { return value !== null && value !== undefined; } function* combinations(stack, path = []) { if (stack.length > 0) { for (let node of stack[0]) { yield* combinations(stack.slice(1, stack.length), path.concat(node)); } } else { yield path; } } function sort(paths) { return [...paths].sort((a, b) => penalty(a) - penalty(b)); } function* optimize(path, input, scope = { counter: 0, visited: new Map(), }) { if (path.length > 2 && path.length > config.optimizedMinLength) { for (let i = 1; i < path.length - 1; i++) { if (scope.counter > config.maxNumberOfTries) { return; // Okay At least I tried! } scope.counter += 1; const newPath = [...path]; newPath.splice(i, 1); const newPathKey = selector(newPath); if (scope.visited.has(newPathKey)) { return; } if (unique(newPath) && same(newPath, input)) { yield newPath; scope.visited.set(newPathKey, true); yield* optimize(newPath, input, scope); } } } } function same(path, input) { return rootDocument.querySelector(selector(path)) === input; } /* End - Finder */ publicFunctions.finder = finder; window.historian = publicFunctions; window.historian.scriptInitialized = true; return publicFunctions; })().init({ unidentifiableDomNodeConditions: []//__unidentifiableDomNodeConditionsPlaceholder });