Hoe bereik je Mangga Dua via de KRL Commuter Line en Transjakarta (2023)

`); var wSpecStop = createElementFromHTML(`

Verborgen inhoud.
Laad de pagina opnieuw om de aanbevelingen bij te werken.

`); reactionPopup.querySelector('.buttonShare').setAttribute('data-title', item.title); reactionPopup.querySelector('.buttonShare').setAttribute('data-url', item.url); reactionPopup.querySelector('.buttonShare').setAttribute('data-campaign', 'AIML_Widget_Desktop'); laat userFeedback = nieuwe UserFeedback(resultObj.engine['tracker_algsrc'], item.url + tracker_params, jxRecHelper, index); reactionPopup.querySelector('.buttonBookmark').addEventListener('klik', function() { do_bookmark(item.url, index, userFeedback); }); reactionPopup.querySelector('.buttonShare').addEventListener('klik', function() { userFeedback.event('share'); }); reactionPopup.querySelector('.buttonNotInterest').addEventListener('click', function() { if (getCookie('kmps_usrid')) { hideThisArt(this); userFeedback.event('niet-geïnteresseerd'); } else { const parentAction = this.parentElement.parentElement.parentElement if (!!parentAction) { let indexElement = parentAction.getAttribute('data-index') if (indexElement != 'niet gedefinieerd') { localStorage.setItem('reaction_not_interest_temp', JSON.stringify ({ urlpagina: items[indexElement].url })) } } window.location.href = "https://account.kompas.com/login/a29tcGFz/" + btoa(window.location.href); } }) ; /** * activeer actie "userFeedback" waarbij de gebruiker het item niet eerder interesseert, wanneer het geen interesse heeft zonder inloggen */ if (getCookie('kmps_usrid') && localStorage.getItem('reaction_not_interest_temp')) { const tempUrlNotInterest = JSON.parse(localStorage .getItem('reaction_not_interest_temp')) if (item.url == tempUrlNotInterest.urlpage) { userFeedback.event('niet-geïnteresseerd'); localStorage.removeItem('reaction_not_interest_temp'); } } wSpecStop.querySelector('.wSpec-stop-undo').addEventListener('klik', function() { showThisArt(dit); userFeedback.event('niet-niet-geïnteresseerd'); }); recItem.appendChild(buttonOption); recItem.appendChild(reactionPopup); recItem.appendChild(wSpecStop); } var recItemWrapperA = createElement('a', null, null, null); recItemWrapperA.setAttribute('href', item.url + tracker_params); var titleDiv = createElement('h4', null, null, [cssClasses.title], item.title); var sourceDiv = null; if (item.hasOwnProperty('methode')) { sourceDiv = createElement('div', null, null, [cssClasses.source], resultObj.engine['type'] + '. ' + item.method.toUpperCase() ); } else { var sourceDiv = createElement('div', null, null, [cssClasses.source], resultObj.engine['type']); } var textWrapper = createElement('div', null, null, [cssClasses.text_wrapper]); textWrapper.appendChild(categorieDiv); textWrapper.appendChild(titelDiv); textWrapper.appendChild(bronDiv); recItemWrapper.appendChild(imgWrapper); recItemWrapper.appendChild(textWrapper); recItemWrapperA.appendChild(recItemWrapper); recItem.appendChild(recItemWrapperA); widgetWrapper.appendChild(recItem); // sluit de klikhandler aan voor dit item // recItem.onclick = handleClick.bind(null, jxRecHelper, item.url + tracker_params, index); recItemWrapperA.onclick = handleClick.bind(null, jxRecHelper, item.url + tracker_params, index); }); } var endDate = nieuwe Datum(); var laadtijd = (endDate.getTime() - startDate.getTime()); trackEventGa('AIML artikelaanbeveling', 'Content geladen', 'algsrc='+algsrc+',site=NEWS,device=desktop,loadtime=' + laadtijd) let domain = window.location.hostname; if(domein=='www.kompas.com'){ var url=window.location.href.split("/"); domein=url[2]+'/'+url[3] } let user_subs_type = "Gues"; laat subs_type = ""; laat is_lgn = 0; laat engine = algsrc; if(getCookie('kmps_usrid')){is_lgn=1}; laat time_load = laadtijd; trackMixpanel (domein, user_subs_type, subs_type, is_lgn, 'succes', time_load, engine); oplossen(); /*** * JXRECSDK OPMERKINGEN 3 van 5 - * geef alle informatie over de items door aan de rec-helper * elk item is een object: ALLES VERPLICHT * div * id * pos */ jxRecHelper.items(widgetItemArr); /*** * JXRECSDK OPMERKINGEN 4 van 5 - * Roep de ready() van het helperobject aan wanneer de aanbeveling * resultaten zijn ingevuld in de widget * (Hiermee wordt de action=ready gebeurtenis geregistreerd) */ if (resultObj.engine ['type'] == 'api-1') { jxRecHelper.ready(resultObj.options.algo + static: + resultObj.options.version); } anders { jxRecHelper.ready(resultObj.engine['type']); } } anders { jxRecHelper.error(204); console.error("Fout: geen aanbevelingsitems"); opbrengst; } } catch (fout) { jxRecHelper.error(901); console.log(err.stack); laat domein = venster.locatie.hostnaam; if(domein=='www.kompas.com'){ var url=window.location.href.split("/"); domein=url[2]+'/'+url[3] } let user_subs_type = "Gues"; laat subs_type = "" laat is_lgn = 0; laat engine = algsrc; if(getCookie('kmps_usrid')){is_lgn=1}; laat endDate = nieuwe Datum(); laat time_load = (endDate.getTime() - startDate.getTime()); trackMixpanel (domein, user_subs_type, subs_type, is_lgn, 'fail', time_load, engine); } }); } const _jxRecSdkURL = 'https://scripts.jixie.media/jxrecsdk.1.0.min.js'; var startDate = nieuwe Datum(); class OneWidget { constructor() {//dit is ook degene die we zullen doorgeven aan het JX rec helper-object wanneer //we het instantiëren: //In deze implementatie komen de meeste hiervan uit de opties obj //op de uitgeverspagina. this._options = { account-ID: '9262bf2590d558736cac4fff7978fcb1', pageurl: 'https://megapolitan.kompas.com/read/2022/06/09/00290031/cara-ke-mangga-dua-naik-krl-commuter-line- dan-transjakarta', widget_id: '1000183-6xWeiWZFIM', type: 'pages', container: 'rekomendasi-konten-pilihan-untukmu-aiml', trefwoorden: content_tags, title: title, customid: "1", count: 14 , }; deze._containerId = deze._options.container; deze._container = document.getElementById(deze._containerId); this._engines = [{"url":https:\/\/recommendation.jixie.media\/v1\/recommendation", "method": GET", "pageurl":https:\/\/megapolitan .kompas.com\/read\/2022\/06\/09\/00290031\/cara-ke-mangga-dua-naik-krl-commuter-line-dan-transjakarta","system 'jx', "type"api-1", "tracker_params"?source=widgetML", "tracker_algsrc" "V", "count":14", page_status "read", "excludeitemids" 2022060900290031" }]; } kickOff() { startDatum = nieuwe Datum(); const rand = Math.floor(Math.random() * 1000); /*const randSysteem = Math.floor(Math.random() * 3); this._engine = this._engines[randSystem] if (location.hostname.indexOf('lestari') != -1) { this._engine = this._engines[1] }*/ this._engine = this._engines[0 ]; this._options.system = this._engine['system'] trackEventGa('AIML Article Recommendation', 'Widget load', 'algsrc=' + this._engine['tracker_algsrc'] + ',site=NEWS,device=desktop ') laat promJXSDK = fetchJSFileP(_jxRecSdkURL); laat ditObj = dit; // eerst wachten we totdat de JX REC SDK is geladen en geïnitialiseerd, let recHelperObj = null; laat recResults = null; promJXSDK .then(function() { /*** * JXRECSDK OPMERKINGEN 1 van 5 - INSTANTIATIE VAN EEN JX REC HELPER OBJECT * Roep dit aan NADAT JX REC SDK is geladen, maar VOORDAT u uw REC * backend aanroept. * * param: VERPLICHTE opties object * opties object moet minimaal * accountid: get from jixie * widgetid: get from jixie * container: DIV ID van de bestemmingsdiv zijn waarin de widget wordt ondergebracht * (voor jixie widget is dit alleen het optieobject dat vanaf de pagina wordt doorgegeven) * * (Hiermee wordt ook de gebeurtenis action=load geregistreerd) */ recHelperObj = jxRecMgr.createJxRecHelper(thisObj._options); let basicInfo = thisObj._options; basicInfo.engine = thisObj._engine if (basicInfo.engine.type == ' api-1') { var options = { count: basicInfo['count'], adpositions: "", trefwoorden: basicInfo['keywords'], title: basicInfo['title'], date_published: "2022-06-09 ", pagecategory: "NEWS", algo: "mixed" }; if(getCookie('kmps_usrid')){ var kg = { pagetype:basicInfo.engine.page_status, uid:getCookie('kmps_usrid'), ukid:getCookie( 'kmp_uid') } if(basicInfo.engine.page_status=='lezen'){ kg['excludeitemids'] = basicInfo.engine.excludeitemids; } opties['extra'] = { kg:kg }; } return recHelperObj.getJxRecommendations(opties); } else { return fetchRecommendationsP(basicInfo, recHelperObj.getJxUserInfo()); } }) .then(function(resp) { if (thisObj._engine.type == 'api-3') { recResults = nieuw object recResults.items = resp.docs.result; } else { recResults = resp; } recResults .engine = thisObj._engine; if (!resp || !recResults.items || recResults.items.length == 0) { /*** * JXRECSDK OPMERKINGEN 2 van 5 - * Roep de functie error() op de recHelper aan wanneer er een fout * is opgetreden bij het ophalen of er geen aanbevolen items zijn * * (Hiermee wordt de gebeurtenis action=error geregistreerd) */ recHelperObj.error(204); throw "geen aanbevelingsresultaten"; } }) .then( function() {// alles is klaar (aanbevelingsresultaten, css): document.getElementById("rekomendasi-konten-pilihan-untukmu-aiml").classList.remove("-loading"); document.querySelector('.wSpec -list').remove(); createDisplay(rand, thisObj._container, recResults, recHelperObj) .then(function() { toggleDropdown(); //observe lozad // lozad('.lozad', {// load: function(el) { // el.src = el.dataset.src; // el.onload = function() {// el.classList.add('fade') // } // } // }). observeren() }) }) .catch(function(error) { console.log(`Kan geen aanbevelingenwidget ${error.stack} ${error.message}`); }); } } var limit_gtm_ready = 1; function check_gtm_ready() { if ('ga' in venster) {// maak een nieuw exemplaar van onze widget op basis van de opties const newW = new OneWidget(); nieuwW.kickOff(); } else { const timeout_gtm_ready = setTimeout(check_gtm_ready, 500) limit_gtm_ready += 1; if (limit_gtm_ready > 10) { clearTimeout (timeout_gtm_ready); const newW = nieuwe OneWidget(); nieuwW.kickOff(); } } } check_gtm_ready() document.querySelector('.wSpec-secret').addEventListener('klik', function(e) { e.preventDefault(); let wSl = document.querySelectorAll('.wSpec-source'); if (wSl.length > 0) { for (let i = 0; i < wSl.length; i++) { wSl[i].classList.toggle('show') } } }) function trackEventGa(categorie, actie, label ) { if ("ga" in venster) { ga(function() { tracker = ga.getAll()[0]; if (tracker) { tracker.send("gebeurtenis", categorie, actie, label); console. log('trackgebeurtenis', categorie, actie, label) } }) } } function trackMixpanel(domein, user_subs_type, subs_type, is_lgn, is_load, time_load, engine){ // if(domain.indexOf("katanetizen") != -1){ // console.log("sini", domein, user_subs_type, subs_type, is_lgn, is_load, time_load, engine); // mixpanel.track('AIML Widget Loaded', {// 'Paginatype': 'Lezen', // 'Paginadomein': domein, // 'Paginaabonnementstype': subs_type, // 'Inlogstatus': is_lgn, // 'Laadstatus': is_load, // 'Laadtijd': time_load, // 'Engine': engine, // 'Widgettype': 'Artikel', // }); mixpanel.track('aiml_content_loaded', { 'Paginatype': '', 'Paginadomein': 'Kompas.com', 'Gebruikerstype': user_subs_type, 'Type paginaabonnement': subs_type, 'Inlogstatus': is_lgn , 'Laadstatus': is_load, 'Laadtijd': time_load, 'Engine': engine, 'Widgettype': 'Artikel', }); console.log('trackmixpaneel', 'AIML Widget geladen', 'Lezen') let kmp_nm = getCookie('kmp_nm'); if(kmp_nm){ afzonderlijke_id = mixpanel.get_distinct_id(); mixpanel.identify(distinct_id); mixpanel.people.set({ '$name': atob(kmp_nm), 'Abonnementtype': subs_type, }); console.log('track mix panel mensen', 'AIML Widget Loaded', 'Lezen') } // } } function formBody(obj) { let formBody = []; for (var eigenschap in obj) {let encodedKey = encodeURIComponent(property); laat encodedValue = encodeURIComponent(obj[eigenschap]); formBody.push(gecodeerde sleutel + "=" + gecodeerde waarde); } retourneer formulierBody.join("&"); } functie getCookie(naam) { var naam = naam + '='; var cookies = decodeURIComponent(document.cookie).split(';'); for (var i = 0; i < cookies.length; i++) { var c = cookies[i]; terwijl (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(naam) == 0) { return c.substring(naam.lengte, c.lengte); } } } functie get_guid(url) {let arrayUrl = url.split('/'); laat readPath = arrayUrl.indexOf('lezen'); if (arrayUrl[leesPath + 1] == 'xml') {leesPath += 1; } laat jaar = arrayUrl[readPath + 1]; laat maand = arrayUrl[readPath + 2]; laat datum = arrayUrl[readPath + 3]; laat id = arrayUrl[readPath + 4]; let guid = `.xml.${jaar}.${maand}.${datum}.${id}`; retourgids; } function toggleDropdown() { let tdd = document.querySelectorAll('[data-dropdown]') if (!!tdd) { tdd.forEach((el) => { el.addEventListener('klik', function() { el.parentElement.classList.toggle('-actief') let opgeslagen = el.parentElement.getAttribute('data-saved') let kmps_usrid = getCookie('kmps_usrid'); if (kmps_usrid && !saved && el.parentElement.classList .contains('-active')) { let url = el.parentElement.getAttribute('data-url'); let guid = get_guid(url); check_bookmark( kmps_usrid, guid).then(function(resp) { if ( resp.hasOwnProperty('total_data')) { if (resp.total_data > 0) { el.parentElement.querySelector('.buttonBookmark').classList.add('-actief'); el.parentElement.querySelector('.buttonBookmark ').innerHTML = 'Hapus dari tersimpan'; el.parentElement.setAttribute('gegevens opgeslagen', 'true'); } else { el.parentElement.setAttribute('gegevens opgeslagen', 'false'); } } }) } }) document.addEventListener("klik", function(e) {/ // console.log(e.target) if (el.contains(e.target)) {// console.log(tdd) } else { el.parentElement.classList.remove('-actief') } }); }); } } functie check_bookmark(kmps_usrid, guid) { let url = `https://api.kompas.com/2021/reaction/bookmark/list?kmps_usrid=${kmps_usrid}&guid=${guid}`; return new Promise(function(resolve, weiger) { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) {solving(JSON.parse( this.responseText)) } }; xmlhttp.open("GET", url, true); xmlhttp.send(); }); } functie do_bookmark(pageurl, pos, userFeedback) { const wSpecItem = document.querySelector(`.wSpec-item[data-index="${pos}"]`); const btnBookmark = wSpecItem.querySelector('.buttonBookmark'); const kmps_usrid = getCookie('kmps_usrid'); const guid = get_guid(pageurl); if (kmps_usrid) { if (btnBookmark.classList.contains('-actief')) { set_unbookmark({ guid: guid, kmps_usrid: kmps_usrid, type: 'artikel' }).then(function(resp) { btnBookmark.classList. remove('-actief'); btnBookmark.innerHTML = 'Eenvoudig artikel'; reactieToast('Artikel berhasil dihapus dari list yang disimpan'); userFeedback.event('opslaan ongedaan maken'); }).catch(function(resp) {// bericht: "Gegevens bestaan ​​niet" if (resp.hasOwnProperty('message') && resp.message.includes('exist')) { btnBookmark.classList.remove( '-actief'); btnBookmark.innerHTML = 'Artikel opslaan'; reactionToast('Artikel succesvol verwijderd uit opgeslagen lijst'); } }) } else { const user_bookmark_url = "https://activity.kompas.com/saved?order=desc"; set_bookmark({ guid: guid, kmps_usrid: kmps_usrid, type: 'article', uitgever: 'kompas', platform: 'desktop' }).then(function(resp) {btnBookmark.classList.add('-active'); btnBookmark.innerHTML = 'Hapus dari tersimpan'; reactionToast('Artikel berhasil disimpan', user_bookmark_url); userFeedback.event('opslaan'); }).catch(function(resp) {// bericht: "Gegevens bestaan ​​al" if (resp.hasOwnProperty('message') && resp.message.includes('exist')) { btnBookmark.classList.add('- actief'); btnBookmark.innerHTML = 'Hapus dari tersimpan'; reactionToast('Artikel berhasil disimpan', user_bookmark_url); } }) } } else { const login_url = "https://account.kompas.com/login/a29tcGFz/" + btoa(window.location.href); venster.locatie.href = login_url; } } function set_bookmark(data) { const url = "https://api.kompas.com/2021/reaction/bookmark/add"; return new Promise(function(resolve, weiger) { const xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 201) {solving(JSON.parse( this.responseText)); } else if (this.readyState == 4 && this.status == 400) { afwijzen(JSON.parse(this.responseText)); } }; xmlhttp.open("POST", url, true); xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8"); xmlhttp.send(formBody(data)); }); } function set_unbookmark(data) { const url = "https://api.kompas.com/2021/reaction/bookmark/delete"; return new Promise(function(resolve, weiger) { const xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) {solving(JSON.parse( this.responseText)); } else if (this.readyState == 4 && this.status == 400) { afwijzen(JSON.parse(this.responseText)); } }; xmlhttp.open("POST", url, true); xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8"); xmlhttp.send(formBody(data)); }); } class UserFeedback {constructor(engine, pageurl, jxRecHelper, pos) { this.engine = engine; deze.pageurl = paginaurl; deze.jxRecHelper = jxRecHelper; dit.pos = pos; } event(feedback) { if (this.engine == 'C') { const xmlhttp = new XMLHttpRequest(); let params = { domein: 'kompas.com', ce_userid: getCookie('kmps_usrid'), ce_sessionid: getCookie('ukid'), ce_pageurl: this.pageurl, engine: 'C', ce_feedback: feedback } xmlhttp.open( "GET", 'https://apis.kgdata.dev/v1/aiml/feedback-widgetml' + formatParams(params)); xmlhttp.send(); } else if (this.engine == 'V') { if (feedback == 'share') { this.jxRecHelper.shared(this.pos); } else if (feedback == 'opslaan') { this.jxRecHelper.bookmarked(this.pos); } else if (feedback == 'niet-geïnteresseerd') { this.jxRecHelper.hidden(this.pos); } else if (feedback == 'niet-niet-geïnteresseerd') { this.jxRecHelper.unhidden(this.pos); } } } } function formatParams(params) { return "?" + Object .keys(params) .map(function(key) { return key + "=" + encodeURIComponent(params[key]) }) .join("&") }