Kappaleen "Fly Me To The Moon" historia Frank Sinatran suosituksi Sivun kaikki - Kompas.com (2024)

`); var wSpecStop = createElementFromHTML(`

Piilotettu sisältö.
Päivitä suositukset päivittämällä sivu.

`); reaktionPopup.querySelector('.buttonShare').setAttribute('data-title', item.title); reaktionPopup.querySelector('.buttonShare').setAttribute('data-url', item.url); responsePopup.querySelector('.buttonShare').setAttribute('data-campaign', 'AIML_Widget_Desktop'); anna userFeedback = new UserFeedback(resultObj.engine['tracker_algsrc'], item.url + tracker_params, jxRecHelper, index); reaktionPopup.querySelector('.buttonBookmark').addEventListener('click', function() { do_bookmark(item.url, index, userFeedback); }); reaktionPopup.querySelector('.buttonShare').addEventListener('click', function() { userFeedback.event('share'); }); responsePopup.querySelector('.buttonNotInterest').addEventListener('click', function() { if (getCookie('kmps_usrid')) { hideThisArt(this); userFeedback.event('ei kiinnosta'); } else { const parentAction = this.parentElement.parentElement.parentElement if (!!parentAction) { anna indexElement = parentAction.getAttribute('data-index') if (indexElement != 'undefined') { localStorage.setItem('reaction_not_interest_temp', JSON.stringify ({ urlpage: items[indexElement].url })) } } window.location.href = "https://account.kompas.com/login/a29tcGFz/" + btoa(window.location.href); } }) ; /** * käynnistää toiminto "userFeedback", että käyttäjä ei kiinnosta kohdetta ennen, kun ei kiinnosta ilman kirjautumista */ 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('ei-interested'); localStorage.removeItem('reaction_not_interest_temp'); } } wSpecStop.querySelector('.wSpec-stop-undo').addEventListener('napsauta', function() { showThisArt(this); userFeedback.event('un-not-interested'); }); recItem.appendCild(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('method')) { 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(categoryDiv); textWrapper.appendChild(titleDiv); textWrapper.appendChild(sourceDiv); recItemWrapper.appendChild(imgWrapper); recItemWrapper.appendChild(textWrapper); recItemWrapperA.appendChild(recItemWrapper); recItem.appendChild(recItemWrapperA); widgetWrapper.appendChild(recItem); // liitä tämän kohteen napsautuskäsittelijä // recItem.onclick = handleClick.bind(null, jxRecHelper, item.url + tracker_params, index); recItemWrapperA.onclick = handleClick.bind(null, jxRecHelper, item.url + tracker_params, indeksi); }); } var endDate = new Date(); var loadtime = (loppupäivämäärä.getTime() - aloituspäivämäärä.getTime()); trackEventGa('AIML-artikkelisuositus', 'Sisältö ladattu', 'algsrc='+algsrc+',site=TREN,device=desktop,loadtime=' + latausaika) let domain = window.location.hostname; if(domain=='www.kompas.com'){ var url=window.location.href.split("/"); domain=url[2]+'/'+url[3] } anna user_subs_type = "Arvaa"; anna subs_type = ""; olkoon_lgn = 0; anna moottorin = algsrc; if(getCookie('kmps_usrid')){is_lgn=1}; anna aika_lataus = latausaika; trackMixpanel(domain, user_subs_type, subs_type, is_lgn, 'success', time_load, engine); ratkaista(); /*** * JXRECSDK HUOMAUTUKSET 3/5 - * välitä kaikki tiedot kohteista rec-auttajalle * jokainen on objekti: ALL PAKOLLINEN * div * id * pos */ jxRecHelper.items(widgetItemArr); /*** * JXRECSDK HUOMAUTUKSET 4/5 - * Kutsu helper-objektin ready()-komentoa, kun suositus * tulokset on täytetty widgetiin * (Tämä rekisteröi action=ready-tapahtuman) */ if (resultObj.engine ['type'] == 'api-1') { jxRecHelper.ready(resultObj.options.algo + ":" + resultObj.options.version); } else { jxRecHelper.ready(resultObj.engine['tyyppi']); } } else { jxRecHelper.error(204); console.error("Virhe: ei suosituskohteita"); palata; } } catch (err) { jxRecHelper.error(901); console.log(err.stack); anna domain = ikkuna.sijainti.isäntänimi; if(domain=='www.kompas.com'){ var url=window.location.href.split("/"); domain=url[2]+'/'+url[3] } anna user_subs_type = "Arvaa"; anna subs_type = "" anna is_lgn = 0; anna moottorin = algsrc; if(getCookie('kmps_usrid')){is_lgn=1}; let endDate = new Date(); anna aika_lataus = (loppupäivämäärä.getTime() - aloituspäivämäärä.getTime()); trackMixpanel(domain, user_subs_type, subs_type, is_lgn, 'fail', time_load, engine); } }); } const _jxRecSdkURL = 'https://scripts.jixie.media/jxrecsdk.1.0.min.js'; var aloituspäivämäärä = new Date(); class OneWidget { constructor() { //tämä on myös se, jonka välitämme JX rec helper -objektille, kun //muodostamme sen: //Tässä toteutuksessa suurin osa näistä tulee julkaisijasivun vaihtoehdoista obj //. this._options = { accountid: '9262bf2590d558736cac4fff7978fcb1', pageurl: 'https://www.kompas.com/tren/read/2021/12/12/143200765/sejarah-moon-to-the-fly-me yang-dipopulerkan-frank-sinatra', widget_id: '1000183-6xWeiWZFIM', type: 'pages', container: 'rekomendasi-konten-pilihan-untukmu-aiml', avainsanat: content_tags, title: title, customid: "65" , määrä: 14, }; this._containerId = this._options.container; this._container = document.getElementById(this._containerId); this._engines = [{"url":"https:\/\/recommendation.jixie.media\/v1\/recommendation","method":"GET","pageurl":"https:\/\/www .kompas.com\/tren\/read\/2021\/12\/12\/143200765\/sejarah-lagu-fly-me-to-the-moon-yang-dipopulerkan-frank-sinatra","järjestelmä" :"jx","type":"api-1","tracker_params":"?source=widgetML","tracker_algsrc":"V","count":14,"page_status":"read","excludeitemids" ":"20211212143200765"}]; } kickOff() { aloituspvm = new Date(); const rand = Math.floor(Math.random() * 1000); /*const randSystem = 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-artikkelisuositus', 'Widgetin lataus', 'algsrc=' + this._engine['tracker_algsrc'] + ',site=TREN,device=desktop') anna promJXSDK = fetchJSFileS(k_jURLxRecP) anna tämänObj = tämä; // Ensin odotamme, että JX REC SDK ladataan ja alustetaan, anna recHelperObj = null; anna recResults = null; promJXSDK .then(function() { /*** * JXRECSDK HUOMAUTUKSET 1/5 - JX REC HELPER OBJEKTIN ALOITUS * Kutsu tämä JX REC SDK:n latauksen JÄLKEEN, mutta ENNEN REC * -taustajärjestelmän kutsumista. * * param: PAKOLLINEN asetukset objekti * vaihtoehdot objektin täytyy olla minimissään have * accountid: get from jixie * widgetid: get from jixie * container: kohde divin DIV ID widgetin sijoittamiseen * (jixie widgetille tämä on vain sivulta välitetty optioobjekti) * * (Tämä rekisteröi myös action=load-tapahtuman) */ recHelperObj = jxRecMgr.createJxRecHelper(thisObj._options); anna basicInfo = thisObj._options; basicInfo.engine = thisObj._engine if (basicInfo.engine.type == ' api-1') { var options = { count: basicInfo['count'], adpositions: "", avainsanat: basicInfo['keywords'], title: basicInfo['title'], date_published: "2021-12-12 ", sivuluokka: "TREN", algo: "mixed" }; if(getCookie('kmps_usrid')){ var kg = { sivutyyppi:basicInfo.engine.page_status, uid:getCookie('kmps_usrid'), ukid:getCookie( 'kmp_uid') } if(basicInfo.engine.page_status=='read'){ kg['excludeitemids'] = basicInfo.engine.excludeitemids; } option['lisä'] = { kg:kg }; } return recHelperObj.getJxRecommendations(optiot); } else { return fetchRecommendationsP(basicInfo, recHelperObj.getJxUserInfo()); } }) .then(function(resp) { if (thisObj._engine.type == 'api-3') { recResults = new Object recResults.items = resp.docs.result; } else { recResults = resp; } recsults .engine = thisObj._engine; if (!resp || !recResults.items || recResults.items.length == 0) { /*** * JXRECSDK HUOMAUTUKSET 2/5 - * Kutsu recHelperin error()-funktio kun joko virhe * on tapahtunut noutamisessa tai suositeltuja kohteita ei ole * * (Tämä rekisteröi action=error -tapahtuman) */ recHelperObj.error(204); heittää "ei suosituksen tuloksia"; } }) .then( function() { // kaikki on valmis (suositustulokset, 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') // } // } // }). tarkkailla() }) }) .catch(function(error) { console.log(`Ei voitu luoda suosituswidgetiä ${error.stack} ${error.message}`); }); } } var limit_gtm_ready = 1; function check_gtm_ready() { if ('ga' ikkunassa) { // luo widgetillemme uusi ilmentymä asetusten perusteella const newW = new OneWidget(); newW.kickOff(); } else { const timeout_gtm_ready = setTimeout(check_gtm_ready, 500) limit_gtm_ready += 1; if (raja_gtm_valmis > 10) { clearTimeout(timeout_gtm_ready); const newW = uusi OneWidget(); newW.kickOff(); } } } check_gtm_ready() document.querySelector('.wSpec-secret').addEventListener('click', function(e) { e.preventDefault(); anna wSl = document.querySelectorAll('.wSpec-source'); if (wSl.length > 0) { for (olkoon i = 0; i < wSl.length; i++) { wSl[i].classList.toggle('show') } } }) function trackEventGa(kategoria, toiminto, tunniste ) { if ("ga" in window) { ga(function() { tracker = ga.getAll()[0]; if (tracker) { tracker.send("tapahtuma", luokka, toiminto, tunniste); konsoli. log('track event ', category, action, label) } }) } } function trackMixpanel(domain, user_subs_type, subs_type, is_lgn, is_load, time_load, engine){ // if(domain.indexOf("katanetizen") != -1){ // console.log("sini", domain, user_subs_type, subs_type, is_lgn, is_load, time_load, engine); // mixpanel.track('AIML-widget ladattu', { // 'Sivun tyyppi': 'Lue', // 'Sivun verkkotunnus': verkkotunnus, // 'Sivun tilaustyyppi': subs_type, // 'Kirjautumistila': is_lgn, // 'Latauksen tila': is_load, // 'Latausaika': time_load, // 'Moottore': moottori, // 'Widget-tyyppi': 'Artikkeli', // }); mixpanel.track('aiml_content_loaded', { 'Sivun tyyppi': ', 'Sivun verkkotunnus': 'Kompas.com', 'Käyttäjätyyppi': user_subs_type, 'Sivun tilaustyyppi': subs_type, 'Kirjautumistila': is_lgn , 'Load Status': is_load, 'Load Time': time_load, 'Engine': engine, 'Widget Type': 'Artikkeli', }); console.log('track mix panel', 'AIML Widget Loaded', 'Read') anna kmp_nm = getCookie('kmp_nm'); if(kmp_nm){ different_id = mixpanel.get_dinct_id(); mixpanel.identify(dinct_id); mixpanel.people.set({ '$nimi': atob(kmp_nm), 'Tilaustyyppi': alatyyppi, }); console.log('track mix panel people', 'AIML Widget Loaded', 'Read') } // } } function formBody(obj) { anna formBody = []; for (var ominaisuus obj:ssa) { anna encodedKey = encodeURIComponent(ominaisuus); anna encodedValue = encodeURIComponent(obj[ominaisuus]); formBody.push(encodedKey + "=" + encodedValue); } return formBody.join("&"); } function getCookie(nimi) { var nimi = nimi + '='; var cookies = decodeURIComponent(document.cookie).split(';'); for (var i = 0; i < evästeet.pituus; i++) { var c = evästeet[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(nimi) == 0) { return c.substring(nimi.pituus, c.pituus); } } } funktio get_guid(url) { anna arrayUrl = url.split('/'); anna readPath = arrayUrl.indexOf('lukea'); if (arrayUrl[lukupolku + 1] == 'xml') { lukupolku += 1; } anna vuosi = arrayUrl[lukupolku + 1]; anna kuukausi = arrayUrl[lukupolku + 2]; anna päivämäärä = arrayUrl[lukupolku + 3]; anna id = arrayUrl[lukupolku + 4]; let guid = `.xml.${year}.${month}.${date}.${id}`; paluu opas; } function toggleDropdown() { anna tdd = document.querySelectorAll('[data-dropdown]') if (!!tdd) { tdd.forEach((el) => { el.addEventListener('click', function() { el.parentElement.classList.toggle('-active') anna saved = el.parentElement.getAttribute('data-saved') anna kmps_usrid = getCookie('kmps_usrid'); if (kmps_usrid && !tallennettu && el.parentElement.classList .contains('-active')) { anna url = el.parentElement.getAttribute('data-url'); anna 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('-active'); el.parentElement.querySelector('.buttonBookmark) ').innerHTML = 'Hapus dari tersimpan'; el.parentElement.setAttribute('data-saved', 'true'); } else { el.parentElement.setAttribute('data-saved', 'false'); } } }) } }) document.addEventListener("napsautus", toiminto(e) { // console.log(e.target) if (el.contains(e.target)) { // console.log(tdd) } else { el.parentElement.classList.remove('-active') } } }); } } function check_bookmark(kmps_usrid, guid) { anna url = `https://api.kompas.com/2021/reaction/bookmark/list?kmps_usrid=${kmps_usrid}&guid=${guid}`; return new Promise(function(resolve, reject) { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { ratkaise(JSON.parse(this.responseText) http.send(); }); } function do_bookmark(pageurl, pos, userFeedback) { const wSpecItem = document.querySelector(`.wSpec-item[data-index="${pos}"]`); const btnKirjanmerkki = wSpecItem.querySelector('.buttonBookmark'); const kmps_usrid = getCookie('kmps_usrid'); const guid = get_guid(pageurl); if (kmps_usrid) { if (btnBookmark.classList.contains('-active')) { set_unbookmark({ guid: guid, kmps_usrid: kmps_usrid, type: 'article' }).then(function(resp) { btnBookmark.classList.remove;in(tHTMLn'Bookmark');Simpan artikel'; reaktioToast('Artikel berhasil dihapus dari list yang disimpan'); userFeedback.event('un-save'); }).catch(function(resp) { // viesti: "Dataa ei ole olemassa" if (resp.hasOwnProperty('message') && resp.message.includes('exist')) { btnBookmark.classList.remove('-active'); btnBookmark.innerHTML ='Tallenna artikkeli'; responseToast('Artikkeli poistettu onnistuneesti tallennetusta listasta'); } }) } else { const user_bookmark_url = "https://activity.kompas.com/saved?order=desc"; set_bookmark({ guid: guid, kmps_usrid: kmps_usrid, tyyppi: 'artikkeli', julkaisija: 'kompas', alusta: 'desktop' }).then(function(resp) { btnBookmark.classList.add('-active'); btnKirjanmerkki. innerHTML = 'Hapus dari tersimpan'; responseToast('Artikel berhasil disimpan', user_bookmark_url); userFeedback.event('tallenna'); }).catch(function(resp) { // viesti: "Data on jo olemassa" if (resp.hasOwnProperty('message') && resp.message.includes('exist')) { btnBookmark.classList.add('-active'); btnBookmark.innerHTML = 'Hapus dari tersimpan'; responseToast('Artikel berhasil disimpan', user_bookmark_url); } }) } } else { const login_url = "https://account.kompas.com/login/a29tcGFz/" + btoa(window.location.href); window.location.href = login_url; } } function set_bookmark(data) { const url = "https://api.kompas.com/2021/reaction/bookmark/add"; return new Promise(function(resolve, reject) { const xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 201) { ratkaista(JSON.parse(this.response.) elsesta, ifS&thast); tus == 400) { reject(JSON.parse(this.responseText)); } }; xmlhttp.open("POST", url, true); xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-dy.s");(x)mlhttp-dy.s});() } function set_unbookmark(data) { const url = "https://api.kompas.com/2021/reaction/bookmark/delete"; return new Promise(function(resolve, reject) { const xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { ratkaista(JSON.parse(this.response} elsestady ifS&thta); tus == 400) { reject(JSON.parse(this.responseText)); } }; xmlhttp.open("POST", url, true); xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-dy.s");(x)mlhttp-dy.});() } class UserFeedback { rakentaja(moottori, sivun URL-osoite, jxRecHelper, pos) { this.engine = moottori; this.pageurl = pageurl; this.jxRecHelper = jxRecHelper; this.pos = pos; } tapahtuma(palaute) { if (this.engine == 'C') { const xmlhttp = new XMLHttpRequest(); let params = { domain: 'kompas.com', ce_userid: getCookie('kmps_usrid'), ce_sessionid: getCookie('ukid'), ce_pageurl: this.pageurl, moottori: 'C', ce_feedback: palaute } xmlhttp.open("GET"/vdadevwi. ' + formatParams(params)); xmlhttp.send(); } else if (this.engine == 'V') { if (palaute == 'jaa') { this.jxRecHelper.shared(this.pos); } else if (palaute == 'tallenna') { this.jxRecHelper.bookmarked(this.pos); } else if (palaute == 'ei kiinnosta') { this.jxRecHelper.hidden(this.pos); } else if (palaute == 'ei kiinnosta') { this.jxRecHelper.unhidden(this.pos); } } } } function formatParams(params) { return "?" + Objekti .avaimet(parametrit) .map(funktio(avain) { paluunäppäin + "=" + encodeURIComponent(params[avain]) }) .join("&") }