Lihat Foto
Duel Luka Modric (kiri) dan Sergio Busquets (kanan) dalam laga leg pertama semifinal Copa del Rey 2022-2023 antara Real Madrid vs Barcelona di Stadion Santiago Bernabeu, Jumat (3/3/2023) dini hari WIB. Selanjutnya pada pekan ke-24 Liga Spanyol, tersaji laga Barcelona vs Valencia dan Betis vs Madrid. (Photo by JAVIER SORIANO / AFP)(AFP/JAVIER SORIANO)
KOMPAS.com – Jadwal Liga Spanyol 2022-2023 pekan ke-24 menyajikan dua laga menarik yaitu Barcelona vs Valencia dan Real Betis vs Madrid.
Persaingan Barcelona dan Real Madrid di kompetisi teratas Liga Spanyol, La Liga, berlanjut ke pekan 24.
Pekan ini, Barcelona akan menjamu Valencia. Sementara itu, Real Madrid bertandang ke markas Real Betis.
Laga Barcelona vs Valencia bakal digelar di Stadion Camp Nou pada Minggu (5/3/2023) pukul 22.15 WIB.
Baca juga: Copa del Rey: Barcelona Amankan Leg Pertama, Madrid Tetap Tim Favorit
Barcelona saat ini sedang memimpin klasemen Liga Spanyol dengan nilai 59.
Pekan lalu, Barca kalah tipis 0-1 saat melawat ke markas Almeria.
Partai kandang kontra Valencia menjadi kesempatan pasukan Xavi Hernandez untuk kembali ke jalur kemenangan.
Pada pertandingan lainnya, Real Madrid akan berkunjung ke markas Real Betis.
Baca juga: Barcelona Hanya Buat 33 Persen Penguasaan Bola, Xavi Singgung Kroos dan Modric
Laga Betis vs Madrid tersebut bakal dilangsungkan di Stadion Benito Villamarin pada Senin (6/3/2023) pukul 03.00 WIB.
Madrid wajib membawa kemenangan dari markas Betis jika ingin terus menekan Barcelona di klasemen.
{ let progress = document.querySelector(“.pro_” + input.id); let rangeVal = document.querySelector(“.val_” + input.id + ‘ span’); rangeVal.textContent = parseInt(input.value) + 1; input.addEventListener(“input”, handleInputChange); progress.style.width = ((input.value – input.min) * 100) / (input.max – input.min) + “%”; let bagi = 1.1; if (input.max > 5) { bagi = 3; } rangeVal.style.left = (input.value / input.max) * 100 – input.value / bagi + “%”; }); ]]]]>]]> { let xhr = new XMLHttpRequest(); xhr.open(infoObj.engine[‘method’], url); xhr.onreadystatechange = function() { if (this.readyState == 4 && this.status >= 200 && this.status < 300) { trackEventGa('AIML Article Recommendation', 'Content Request', 'algsrc=' + infoObj.engine['tracker_algsrc'] + ',site=BOLA,device=desktop,status=success') resolve(JSON.parse(xhr.response)); } else if (this.readyState == 4 && this.status = 300) { trackEventGa('AIML Article Recommendation', 'Content Request', 'algsrc=' + infoObj.engine['tracker_algsrc'] + ',site=BOLA,device=desktop,status=fail,response=' + this.status) resolve(null); } } xhr.onerror = function() { resolve(null); } xhr.send(body); }); } /** * General helper function * @param {*} fileUrl string * returns a promise which should resolves to true if all goes well */ function fetchJSFileP(fileUrl) { return new Promise(function(resolve, reject) { var tag = document.createElement("script"); var fst = document.getElementsByTagName("script")[0]; fst.parentNode.insertBefore(tag, fst); tag.onload = function() { resolve(); }; tag.src = fileUrl; }); }; /** * Click handler; A BOUND version is wired up to a particular DOM * element as the click handler * @param {*} url * @param {*} pos * @returns */ function handleClick(jxRecHelper0, url, pos) { /*** * JXRECSDK NOTES 5 of 5 calling * Call clicked(pos) of helper object to report a click * Here pos is the index of the item (starts from 1) */ jxRecHelper0.clicked(pos); //we need the position of the item in the widget // window.open(url); // open in new tab window.location = url; //open in current tab return false; } const cssClasses = { thumbnail_overlay_wrapper: 'wSpec-img-overlay', thumbnail_wrapper: 'wSpec-img', thumbnail: 'lozad', category: 'wSpec-subtitle', title: 'wSpec-title', container: 'wSpec-list', wrapper: 'wSpec-item', wrapper_content: 'wSpec-wrap', text_wrapper: 'wSpec-box', source: 'wSpec-source' }; function createDisplay(rand, container, resultObj, jxRecHelper) { return new Promise(function(resolve, reject) { let widgetWrapper = document.createElement('div'); widgetWrapper.classList.add(cssClasses.container); //OWN container.appendChild(widgetWrapper); let widgetItemArr = []; try { var items = resultObj.items; if (items.length > 0) { let counterNews = 0; while (counterNews 14) { return true; } let divid = `recItem-${rand}-${index}`; var objArr = {}; objArr[‘divid’] = divid; objArr[‘id’] = jxRecHelper.jxUrlCleaner(item.url), objArr[‘pos’] = index; objArr[‘img’] = item.img; if (resultObj.engine[‘type’] == ‘api-2’) { if (item.category == ‘sponsored’) { objArr[‘type’] = ‘ad’; } else { objArr[‘type’] = ‘page’; } } else { if (item.type == ‘ad’) { objArr[‘type’] = ‘ad’; } else { objArr[‘type’] = ‘page’; } } if (resultObj.engine[‘type’] == ‘api-1’) { objArr[‘algo’] = item.a; // a label to represent the algo used (opsional) } else if (resultObj.engine[‘type’] == ‘api-2’) { objArr[‘algo’] = item.methodId; // a label to represent the algo used (opsional) } if (item.type == ‘ad’) { objArr[‘trackers’] = item.trackers; } widgetItemArr.push(objArr); /* note: We have this -rand- thing in the div id (this is just * because want the div id to be unique on the page as * in case more than 1 widget is embedded on the page) */ var recItem = createElement(‘div’, `recItem-${rand}-${index}`, null, [cssClasses.wrapper]); recItem.dataset.index = index; var recItemWrapper = createElement(‘div’, null, null, [cssClasses.wrapper_content]); var imgWrapper = createElement(‘div’, null, null, [cssClasses.thumbnail_wrapper]); var imgElm = createElement(‘img’, null, null, null); imgElm.setAttribute(‘src’, item.img); var imgOverlayWrapper = createElement(‘div’, null, null, [cssClasses.thumbnail_overlay_wrapper]); var imgOverlay = createElement(‘img’, null, null, null); imgOverlay.setAttribute(‘src’, ‘https://asset.kompas.com/data/logo/logo-kompascom-aiml.png’); imgOverlayWrapper.appendChild(imgOverlay); imgWrapper.appendChild(imgElm); imgWrapper.appendChild(imgOverlayWrapper); var itemCategory = ” if (item.hasOwnProperty(‘category’)) { itemCategory = item.category } if (resultObj.engine[‘type’] == ‘api-3’) { var categoryDiv = createElement(‘p’, null, null, [cssClasses.category], item.section.toLowerCase().charAt(0).toUpperCase() + item.section.toLowerCase().slice(1)); } else { var categoryDiv = createElement(‘p’, null, null, [cssClasses.category], itemCategory.toLowerCase().charAt(0).toUpperCase() + itemCategory.toLowerCase().slice(1)); } var tracker_params = resultObj.engine[‘tracker_params’]; // checking query params in item.url var tempItemUrl = new URL(item.url) if (tempItemUrl.search) { tracker_params = tracker_params.replace(‘?’, ‘&’) } // ads if ( (item.hasOwnProperty(‘category’) && item.category == ‘sponsored’) // engine C || (item.hasOwnProperty(‘type’) && item.type == ‘ad’) // engine V || (item.hasOwnProperty(‘section’) && item.section == ‘sponsored’) // engine J ) { var categoryDiv = createElement(‘p’, null, null, [‘wSpec-tag’], ‘Sponsored’); tracker_params = ”; } else if ((item.hasOwnProperty(‘category’) && item.category == ‘Advertorial’)) { var categoryDiv = createElement(‘p’, null, null, [‘wSpec-tag’], item.category); } else { recItem.dataset.url = item.url; // button option var buttonOption = createElementFromHTML(`
`); var wSpecStop = createElementFromHTML(`
Konten disembunyikan.
Muat ulang halaman untuk perbarui rekomendasi.
`); 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’); let userFeedback = new UserFeedback(resultObj.engine[‘tracker_algsrc’], item.url + tracker_params, jxRecHelper, index); reactionPopup.querySelector(‘.buttonBookmark’).addEventListener(‘click’, function() { do_bookmark(item.url, index, userFeedback); }); reactionPopup.querySelector(‘.buttonShare’).addEventListener(‘click’, function() { userFeedback.event(‘share’); }); reactionPopup.querySelector(‘.buttonNotInterest’).addEventListener(‘click’, function() { hideThisArt(this); userFeedback.event(‘not-interested’); }); wSpecStop.querySelector(‘.wSpec-stop-undo’).addEventListener(‘click’, function() { showThisArt(this); userFeedback.event(‘un-not-interested’); }); 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(‘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); // hook up the click handler for this 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 = new Date(); var loadtime = (endDate.getTime() – startDate.getTime()); trackEventGa(‘AIML Article Recommendation’, ‘Content Loaded’, ‘algsrc=’+resultObj.engine[‘tracker_algsrc’]+’,site=BOLA,device=desktop,loadtime=’ + loadtime) let domain = window.location.hostname; if(domain==’www.kompas.com’){ var url=window.location.href.split(“/”); domain=url[2]+’/’+url[3] } let subs_type = “No Subscription” let is_lgn = 0; let engine = resultObj.engine[‘tracker_algsrc’]; if(getCookie(‘kmps_usrid’)){is_lgn=1}; let time_load = loadtime; trackMixpanel(domain, subs_type, is_lgn, ‘success’, time_load, engine); resolve(); /*** * JXRECSDK NOTES 3 of 5 – * pass all the info about the items to the rec helper * each one is an object: ALL MANDATORY * div * id * pos */ jxRecHelper.items(widgetItemArr); /*** * JXRECSDK NOTES 4 of 5 – * Call the ready() of the helper object when the recommendation * results have been populated to the widget * (This will register the action=ready event) */ if (resultObj.engine[‘type’] == ‘api-1’) { jxRecHelper.ready(resultObj.options.algo + “:” + resultObj.options.version); } else { jxRecHelper.ready(resultObj.engine[‘type’]); } } else { jxRecHelper.error(204); console.error(“Error: no recommendation items”); return; } } catch (err) { jxRecHelper.error(901); console.log(err.stack); let domain = window.location.hostname; if(domain==’www.kompas.com’){ var url=window.location.href.split(“/”); domain=url[2]+’/’+url[3] } let subs_type = “No Subscription” let is_lgn = 0; let engine = resultObj.engine[‘tracker_algsrc’]; if(getCookie(‘kmps_usrid’)){is_lgn=1}; let endDate = new Date(); let time_load = (endDate.getTime() – startDate.getTime()); trackMixpanel(domain, subs_type, is_lgn, ‘fail’, time_load, engine); } }); } const _jxRecSdkURL = ‘https://scripts.jixie.media/jxrecsdk.1.0.min.js’; var startDate = new Date(); class OneWidget { constructor() { //this is also the one we will pass to the JX rec helper object when //we instantiate it: //In this implementation most of these come from the options obj //on the publisher page. this._options = { accountid: ‘9262bf2590d558736cac4fff7978fcb1’, pageurl: ‘https://www.kompas.com/sports/read/2023/03/05/08201558/jadwal-liga-spanyol-malam-ini-betis-vs-madrid-barcelona-vs-valencia’, widget_id: ‘1000183-6xWeiWZFIM’, type: ‘pages’, container: ‘rekomendasi-konten-pilihan-untukmu-aiml’, keywords: content_tags, title: title, customid: “8”, count: 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/sports/read/2023/03/05/08201558/jadwal-liga-spanyol-malam-ini-betis-vs-madrid-barcelona-vs-valencia”,”system”:”jx”,”type”:”api-1″,”tracker_params”:”?source=widgetML&engine=V”,”tracker_algsrc”:”V”,”count”:14},{“url”:”https://recommendation.kgdata.dev/api/v1/recommendation”,”method”:”POST”,”pageurl”:”https://www.kompas.com/sports/read/2023/03/05/08201558/jadwal-liga-spanyol-malam-ini-betis-vs-madrid-barcelona-vs-valencia”,”system”:”kg”,”type”:”api-2″,”tracker_params”:”?source=widgetML&engine=C”,”tracker_algsrc”:”C”,”count”:14,”page_status”:”read”},{“url”:”https://apis.kompas.com/api/v2/related?url=2023/03/05/08201558″,”method”:”GET”,”pageurl”:”https://www.kompas.com/sports/read/2023/03/05/08201558/jadwal-liga-spanyol-malam-ini-betis-vs-madrid-barcelona-vs-valencia”,”system”:”jm”,”type”:”api-3″,”tracker_params”:”?source=widgetML&engine=J”,”tracker_algsrc”:”J”,”count”:14}]; } kickOff() { startDate = new Date(); const rand = Math.floor(Math.random() * 1000); const randSystem = Math.floor(Math.random() * 3); this._engine = this._engines[randSystem] this._options.system = this._engine[‘system’] trackEventGa(‘AIML Article Recommendation’, ‘Widget load’, ‘algsrc=’ + this._engine[‘tracker_algsrc’] + ‘,site=BOLA,device=desktop’) let promJXSDK = fetchJSFileP(_jxRecSdkURL); let thisObj = this; // first we wait on the JX REC SDK to be loaded and initialized let recHelperObj = null; let recResults = null; promJXSDK .then(function() { /*** * JXRECSDK NOTES 1 of 5 – INSTANTIATION OF A JX REC HELPER OBJECT * Call this AFTER JX REC SDK is loaded but BEFORE you call your REC * backend. * * param: MANDATORY options object * options object must at a minimal have * accountid: get from jixie * widgetid: get from jixie * container: DIV ID of the destination div to house the widget * (for jixie widget this is just the options object passed from the page) * * (This will also register the action=load event) */ 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: “”, keywords: basicInfo[‘keywords’], title: basicInfo[‘title’], date_published: “2023-03-05”, pagecategory: “BOLA”, algo: “mixed” }; return recHelperObj.getJxRecommendations(options); } 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; } recResults.engine = thisObj._engine; if (!resp || !recResults.items || recResults.items.length == 0) { /*** * JXRECSDK NOTES 2 of 5 – * Call the error() function on the recHelper when either an error * has occured in the fetching or there are no recommended items * * (This will register the action=error event) */ recHelperObj.error(204); throw “no recommendation results”; } }) .then(function() { // everything is ready (recommendation results, 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’) // } // } // }).observe() }) }) .catch(function(error) { console.log(`Unable to create recommendations widget ${error.stack} ${error.message}`); }); } } var limit_gtm_ready = 1; function check_gtm_ready() { if (‘ga’ in window) { // create a new instance of our widget based on the options const newW = new OneWidget(); newW.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 = new OneWidget(); newW.kickOff(); } } } check_gtm_ready() document.querySelector(‘.wSpec-secret’).addEventListener(‘click’, function(e) { e.preventDefault(); let wSl = document.querySelectorAll(‘.wSpec-source’); if (wSl.length > 0) { for (let i = 0; i { el.addEventListener(‘click’, function() { el.parentElement.classList.toggle(‘-active’) let saved = 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(‘-active’); el.parentElement.querySelector(‘.buttonBookmark’).innerHTML = ‘Hapus dari tersimpan’; el.parentElement.setAttribute(‘data-saved’, ‘true’); } else { el.parentElement.setAttribute(‘data-saved’, ‘false’); } } }) } }) document.addEventListener(“click”, function(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) { let 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) { resolve(JSON.parse(this.responseText)) } }; xmlhttp.open(“GET”, url, true); xmlhttp.send(); }); } function 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(‘-active’)) { set_unbookmark({ guid: guid, kmps_usrid: kmps_usrid, type: ‘article’ }).then(function(resp) { btnBookmark.classList.remove(‘-active’); btnBookmark.innerHTML = ‘Simpan artikel’; reactionToast(‘Artikel berhasil dihapus dari list yang disimpan’); userFeedback.event(‘un-save’); }).catch(function(resp) { // message: “Data doesn’t exists” if (resp.hasOwnProperty(‘message’) && resp.message.includes(‘exist’)) { btnBookmark.classList.remove(‘-active’); btnBookmark.innerHTML = ‘Simpan artikel’; reactionToast(‘Artikel berhasil dihapus dari list yang disimpan’); } }) } else { const user_bookmark_url = “https://activity.kompas.com/saved?order=desc”; set_bookmark({ guid: guid, kmps_usrid: kmps_usrid, type: ‘article’, publisher: ‘kompas’, platform: ‘desktop’ }).then(function(resp) { btnBookmark.classList.add(‘-active’); btnBookmark.innerHTML = ‘Hapus dari tersimpan’; reactionToast(‘Artikel berhasil disimpan’, user_bookmark_url); userFeedback.event(‘save’); }).catch(function(resp) { // message: “Data already exist” if (resp.hasOwnProperty(‘message’) && resp.message.includes(‘exist’)) { btnBookmark.classList.add(‘-active’); 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); 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) { resolve(JSON.parse(this.responseText)); } else if (this.readyState == 4 && this.status == 400) { reject(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, reject) { const xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { resolve(JSON.parse(this.responseText)); } else if (this.readyState == 4 && this.status == 400) { reject(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; this.pageurl = pageurl; this.jxRecHelper = jxRecHelper; this.pos = pos; } event(feedback) { 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, 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 == ‘save’) { this.jxRecHelper.bookmarked(this.pos); } else if (feedback == ‘not-interested’) { this.jxRecHelper.hidden(this.pos); } else if (feedback == ‘un-not-interested’) { this.jxRecHelper.unhidden(this.pos); } } } } function formatParams(params) { return “?” + Object .keys(params) .map(function(key) { return key + “=” + encodeURIComponent(params[key]) }) .join(“&”) }
Leave a Reply