CINXE.COM

<!DOCTYPE html> <html lang="id"> <head> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "title": "Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia Halaman 1 - Kompasiana.com", "url": "https://www.kompasiana.com/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia", "content_category": "New World", "content_subcategory": "Metaverse", "content_id": "66fcb9ab34777c515747c725", "content_location": "ID", "content_type": "article", "content_PublishedDate": "2024-10-02T15:00:00+0700", "content_author": "Evin", "content_level": "", "content_art_length": "502", "content_shorturl": "evin", "content_authorstatus": "verified", "content_author_id": "evin", "content_lipsus": "new world,metaverse", "content_tag": "new world", "content_tags": "new world,metaverse", "content_total_words": "502" }); </script>  <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-P7HQ38'); </script>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta content="text/html; charset=UTF-8" name="Content-Type"> <meta name="google" content="notranslate"> <meta name="description" itemprop="description" content="Metaverse, dunia virtual yang lagi ngetrend, punya potensi gede buat ngubah perekonomian Indonesia."> <meta name="content_tags" content="new world,metaverse" /> <meta name="robots" content="index, follow" /> <meta name="googlebot-news" content="index,follow" /> <meta name="googlebot" content="index,follow" /> <meta name="author" content="Kompasiana.com"> <meta name="language" content="id" /> <meta name="geo.country" content="id" /> <meta http-equiv="content-language" content="In-Id" /> <meta name="geo.placename" content="Indonesia" /> <meta name="thumbnailUrl" content="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/logo-kompasiana-beta.png?v=100" itemprop="thumbnailUrl" /> <meta content="http//www.kompasiana.com/" itemprop="url" /> <meta property="og:type" content="article" /> <meta property="fb:pages" content="194032223976103" /> <meta property="fb:app_id" content="397600276959629" /> <meta property="og:site_name" content="KOMPASIANA" /> <meta property="og:title" content="Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia" /> <meta property="og:url" content="https://www.kompasiana.com/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia" /> <meta property="article:author" content="" /> <meta property="article:publisher" content="" /> <meta name="msvalidate.01" content="94D7C64651DB01DACCF13907E3748127" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="#71C2EA"> <meta name="apple-mobile-web-app-title" content="Kompasiana"> <link rel="apple-touch-icon" href="https://assets.kompasiana.com/statics/2018_kompasiana/icons/152.png" sizes="152x152"> <link rel="manifest" href="https://assets-a1.kompasiana.com/statics/2018_kompasiana/manifest.json?v=45"> <meta name="msapplication-TitleImage" content="https://assets.kompasiana.com/statics/2018_kompasiana/icons/152.png"> <meta name="msapplication-TitleColor" content="#000"> <meta name="theme-color" content="#71C2EA"> <meta name='dailymotion-domain-verification' content='dm59upmqfqt5m76ei' /> <meta name='dailymotion-domain-verification' content='dmxyl7pslj4g1we65' /> <link rel="dns-prefetch" href="https://www.googletagservices.com" /> <link rel="dns-prefetch" href="https://jsc.mgid.com" /> <link rel="dns-prefetch" href="https://eus.rubiconproject.com" /> <link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net" /> <link rel="dns-prefetch" href="https://ads.us.e-planning.net" /> <link rel="dns-prefetch" href="https://assets-a1.kompasiana.com" /> <link rel="dns-prefetch" href="https://ads.pubmatic.com" /> <link rel="dns-prefetch" href="https://tpc.googlesyndication.com" /> <link rel="dns-prefetch" href="https://delivery.r2b2.io" /> <link rel="dns-prefetch" href="https://s.adtelligent.com" /> <link rel="dns-prefetch" href="https://adsimg.kompas.com" /> <link rel="dns-prefetch" href="https://image6.pubmatic.com" /> <link rel="dns-prefetch" href="https://cdn.id5-sync.com" /> <link rel="dns-prefetch" href="https://eb2.3lift.com" /> <link rel="dns-prefetch" href="https://pixel.rubiconproject.com" /> <link rel="dns-prefetch" href="https://ajax.googleapis.com" /> <link rel="dns-prefetch" href="https://js.genieessp.com" /> <link rel="dns-prefetch" href="https://fonts.gstatic.com" /> <link rel="dns-prefetch" href="https://static.criteo.net" /> <link rel="dns-prefetch" href="https://accounts.google.com" /> <link rel="dns-prefetch" href="https://cdn.jsdelivr.net" /> <link rel="dns-prefetch" href="https://www.google-analytics.com" /> <link rel="dns-prefetch" href="https://ib.adnxs.com" /> <link rel="dns-prefetch" href="https://ssum.casalemedia.com" /> <link rel="preconnect" href="https://www.googletagservices.com" /> <link rel="preconnect" href="https://jsc.mgid.com" /> <link rel="preconnect" href="https://eus.rubiconproject.com" /> <link rel="preconnect" href="https://securepubads.g.doubleclick.net" /> <link rel="preconnect" href="https://ads.us.e-planning.net" /> <link rel="preconnect" href="https://assets-a1.kompasiana.com" /> <link rel="preconnect" href="https://ads.pubmatic.com" /> <link rel="preconnect" href="https://tpc.googlesyndication.com" /> <link rel="preconnect" href="https://delivery.r2b2.io" /> <link rel="preconnect" href="https://s.adtelligent.com" /> <link rel="preconnect" href="https://adsimg.kompas.com" /> <link rel="preconnect" href="https://image6.pubmatic.com" /> <link rel="preconnect" href="https://cdn.id5-sync.com" /> <link rel="preconnect" href="https://eb2.3lift.com" /> <link rel="preconnect" href="https://pixel.rubiconproject.com" /> <link rel="preconnect" href="https://ajax.googleapis.com" /> <link rel="preconnect" href="https://js.genieessp.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" /> <link rel="preconnect" href="https://static.criteo.net" /> <link rel="preconnect" href="https://accounts.google.com" /> <link rel="preconnect" href="https://cdn.jsdelivr.net" /> <link rel="preconnect" href="https://www.google-analytics.com" /> <link rel="preconnect" href="https://ib.adnxs.com" /> <link rel="amphtml" href="https://www.kompasiana.com/amp/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia">  <meta property="dable:item_id" content="66fcb9ab34777c515747c725"> <meta property="dable:author" content="Evin"> <meta property="article:section" content="New World"> <meta property="article:published_time" content="2024-10-02T15:00:00+0700">  <meta name="adx:sections" content="read" /> <meta name="content_category" content="New World" /> <meta name="content_subcategory" content="Metaverse" /> <meta name="content_id" content="66fcb9ab34777c515747c725" /> <meta name="content_location" content="ID" /> <meta name="content_type" content="article" /> <meta name="content_PublishedDate" content="2024-10-02T15:00:00+0700" /> <meta name="content_author" content="Evin" /> <meta name="content_level" content="" /> <meta name="content_art_length" content="502" /> <meta name="content_shorturl" content="evin" /> <meta name="content_authorstatus" content="verified" /> <meta name="headline" content="Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia Halaman 1 - Kompasiana.com" itemprop="headline"> <meta name="keywords" content="new world,metaverse"> <meta name="content_lipsus" content="new world,metaverse"> <meta property="og:image" content="https://assets-a1.kompasiana.com/items/album/2024/10/02/1000204596-66fcb50d34777c09617ee332.jpg?t=o&v=1200" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:type" content="article" /> <meta property="og:description" content="Metaverse, dunia virtual yang lagi ngetrend, punya potensi gede buat ngubah perekonomian Indonesia." /> <meta itemprop="image" content="https://assets-a1.kompasiana.com/items/album/2024/10/02/1000204596-66fcb50d34777c09617ee332.jpg?t=t&v=200&x=200" /> <meta name="twitter:image:src" content="https://assets-a1.kompasiana.com/items/album/2024/10/02/1000204596-66fcb50d34777c09617ee332.jpg?t=o&v=770" /> <meta itemprop="dateModified" content="2024-10-02T15:04:08+0700" /> <meta itemprop="datePublished" content="2024-10-02T15:00:00+0700" /> <meta itemprop="articleSection" content="New World" /> <meta name="twitter:site" content="@kompasiana" /> <meta name="twitter:creator" content="@kompasiana" /> <meta name="twitter:title" content="Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia" /> <meta name="twitter:description" content="Metaverse, dunia virtual yang lagi ngetrend, punya potensi gede buat ngubah perekonomian Indonesia." /> <meta name="twitter:card" content="summary_large_image" /> <meta name="k_lgn" content="" /> <title>Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia Halaman 1 - Kompasiana.com</title>  <link rel="shortcut icon" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/favicon.ico" type="image/x-icon"> <link rel="icon" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/favicon.ico" type="image/x-icon"> <link rel="canonical" href="https://www.kompasiana.com/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebPage", "headline": "Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia Halaman 1 - Kompasiana.com", "url": "https://www.kompasiana.com/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia", "datePublished": "2024-10-02T15:00:00+0700", "image": "https://assets-a1.kompasiana.com/items/album/2024/10/02/1000204596-66fcb50d34777c09617ee332.jpg?t=o&v=780", "thumbnailUrl": "https://assets-a1.kompasiana.com/items/album/2024/10/02/1000204596-66fcb50d34777c09617ee332.jpg?t=o&v=410" } </script>   <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-read-slides.min.css?v=518" rel="preload" as="style">   <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-read-slides.min.css?v=518" rel="stylesheet">  <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/widget-experiment.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/widget-experiment.min.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-topil-slider.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-topil-slider.min.css?v=518" rel="stylesheet">   <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-read.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/photoswipe.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/default-skin/default-skin.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/css/tooltips.css?v=518" rel="preload" as="style">  <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-read.min.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/photoswipe.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/default-skin/default-skin.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/css/tooltips.css?v=518" rel="stylesheet"> <style type="text/css"> .EmbeddedTweet{max-width:100%!important}.quote:before{content:open-quote}.quote:after{content:close-quote} </style>  <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-kuis.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-kuis.min.css?v=518" rel="stylesheet"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://www.kompasiana.com/", "name": "Home" } }, { "@type": "ListItem", "position": 2, "item": { "@id": "https://www.kompasiana.com/newworld", "name": "New World" } }, { "@type": "ListItem", "position": 3, "item": { "@id": "https://www.kompasiana.com/newworld/metaverse", "name": "Metaverse" } } ] } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "NewsArticle", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.kompasiana.com/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia" }, "headline": "Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia Halaman 1 - Kompasiana.com", "image": { "@type": "ImageObject", "url": "https://assets-a1.kompasiana.com/items/album/2024/10/02/1000204596-66fcb50d34777c09617ee332.jpg", "height": 600, "width": 1200 }, "datePublished": "2024-10-02T15:00:00+0700", "dateModified": "2024-10-02T15:04:08+0700", "author": { "@type": "Person", "name": "Evin" }, "publisher": { "@type": "Organization", "name": "Kompasiana.com", "logo": { "@type": "ImageObject", "url": "https://assets-a1.kompasiana.com/statics/kompasiana2015/images/logo-kompasiana-beta.png", "width": 255, "height": 55 } }, "description": "Metaverse, dunia virtual yang lagi ngetrend, punya potensi gede buat ngubah perekonomian Indonesia." } </script>  <style type="text/css"> .maintenance{background:#ff6969;display:table;width:100%;font-family:Roboto,sans-serif;box-sizing:border-box;padding:15px}.maintenance p{color:#ff6969}.maintenance b{display:block}.maintenance a{text-decoration:underline}.maintenance--img,.maintenance--outline{float:left}.maintenance--img-bottom{position:absolute;bottom:0;right:65px}.maintenance__content{height:120px;width:885px;margin:auto;position:relative;text-align:center}.maintenance--wrapper{padding:10px 205px;clip-path:polygon(80% 0,83% 50%,80% 100%,20% 100%,17% 50%,20% 0);background:#fff;height:120px;width:820px;margin:auto;text-align:center}.maintenance--outline,.maintenance--wrapper{-webkit-clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0)}.maintenance--outline{clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0);height:125px;width:965px;float:none}.header-sticky b{display:inline}.header-sticky .maintenance__content{width:999px;height:75px}.header-sticky .maintenance--outline{width:999px}.header-sticky .maintenance--wrapper{padding:10px 250px 1px;font-size:12px;width:100%;height:auto;-webkit-clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0);clip-path:polygon(80% 0,82% 50%,80% 100%,20% 100%,18% 50%,20% 0)}.header-sticky .maintenance--img-left{height:85px}.header-sticky .maintenance--img-bottom{position:absolute;bottom:-15px;right:109px;height:38px} </style>        <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ab-test.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ab-test.min.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ads-placeholder.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ads-placeholder.min.css?v=518" rel="stylesheet">  <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-header-news.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-header-news.min.css?v=518" rel="stylesheet"> <link rel="preload" href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-kgnow.min.css?v=518" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-kgnow.min.css?v=518"></noscript>  <link href="https://assets-a1.kompasiana.com/statics/2024/www/desktop/style-header-footer.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2024/www/desktop/style-header-footer.min.css?v=518" rel="stylesheet">     <style> @font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} </style> <script type="text/javascript"> window.jixie_o = { accountid: "3b1c9a9fce40783bf7e1f42f294e5af2", partner_cookie: 'kmps_usrid', external_ids: ['tdid','tdid2','jxtoko'], sha256mail_cookie:'usermail', ad_blocker: true, logbids: true, userprofile: true, sha256ph_cookie:'kmps_uphn', }; </script> <script async src="https://scripts.jixie.media/jxpublisher_3_1.min.js"></script> <script type="text/javascript"> window.jixie_p = window.jixie_p || []; var keyword_data = "new world,metaverse" window.jixie_p.push({ action: "visit", parameters:{ itemid:"66fcb9ab34777c515747c725", keywords:keyword_data, title:"Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia Halaman 1 - Kompasiana.com", description: "Metaverse, dunia virtual yang lagi ngetrend, punya potensi gede buat ngubah perekonomian Indonesia." } }); </script>  <script id="sc-adbl" async src="https://fundingchoicesmessages.google.com/i/pub-9012468469771973?ers=1" nonce="jV9A0Qp8FYlkipTSA06yhQ"></script><script nonce="jV9A0Qp8FYlkipTSA06yhQ">(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script> <script> /** Tweak for Adblcoking Recovery Message **/ var styleAdbl = document.createElement("style"); styleAdbl.innerHTML = ".fc-ab-root .fc-ab-dialog .fc-dialog-footer {background-color: transparent;margin-top:0;padding-top:0}"; var refAdbl = document.querySelector("#sc-adbl"); refAdbl.parentNode.insertBefore(styleAdbl, refAdbl); </script>  <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>   <script type="text/javascript"> window.pbjs=window.pbjs||{},pbjs.que=pbjs.que||[],pbjs.que.push(function(){window._jxbidsq=window._jxbidsq||[],pbjs.onEvent("auctionInit",function(n){_jxbidsq.push(["auctionInit",n])}),pbjs.onEvent("auctionEnd",function(n){_jxbidsq.push(["auctionEnd",n])}),pbjs.onEvent("bidWon",function(n){_jxbidsq.push(["bidWon",n])}),pbjs.onEvent("bidTimeout",function(n){_jxbidsq.push(["bidTimeout",n])}),pbjs.onEvent("bidRequested",function(n){_jxbidsq.push(["bidRequested",n])}),pbjs.onEvent("setTargeting",function(n){_jxbidsq.push(["setTargeting",n])}),pbjs.onEvent("bidResponse",function(n){_jxbidsq.push(["bidResponse",n])})}),window.googletag=window.googletag||{cmd:[]},googletag.cmd.push(function(){googletag.pubads().addEventListener("slotRenderEnded",function(n){_jxbidsq.push(["slotRenderEnded",n])}),googletag.pubads().addEventListener("impressionViewable",function(n){_jxbidsq.push(["impressionViewable",n])})}); </script>  <script async src="https://adsimg.kompas.com/html5/prebid/kompasiana/prebid9.16.0--kompasiana22102024.js"></script> <script type="text/javascript" defer> function getCookieUid(cname){var name=cname+"=";var decodedCookie=decodeURIComponent(document.cookie);var ca=decodedCookie.split(";");for(var i=0;i<ca.length;i+=1){var c=ca[i];while(c.charAt(0)==" "){c=c.substring(1)}if(c.indexOf(name)==0){return c.substring(name.length,c.length)}}return ""}var uuid__=getCookieUid("_jxtdid");window.getUid2AdvertisingToken=async()=>{var id;if(typeof window.jxGetUid2=='function'){id=await window.jxGetUid2()}else{id=getCookieUid('__uid2_advertising_token',null)}return id} </script> <script type="text/javascript"> var PREBID_TIMEOUT=2e3,FAILSAFE_TIMEOUT=3e3,adUnits=[{code:"div-gpt-ad-414138224105403936-1",ortb2Imp:{ext:{gpid:"1000055-aBnjYrpQ2m",data:{pbadslot:"1000055-aBnjYrpQ2m"}}},mediaTypes:{banner:{sizes:[[728,90],[970,90],[970,250]]}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93794",domain:"https://prg8.smartadserver.com"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93795",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_970x250"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484374}},{bidder:"jixie",params:{unit:"1000055-aBnjYrpQ2m"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986572}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986573}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986574}},{bidder:"smilewanted",params:{zoneId:"kgmedia.id_hb_display_1"}},{bidder:"kargo",params:{placementId:"_zns1RzK9gm"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"ea75c92b-2bab-40d4-99e6-924fa8be21c8"}}]},{code:"div-gpt-ad-414138224105403936-2",ortb2Imp:{ext:{gpid:"1000055-9j0GLqnLdg",data:{pbadslot:"1000055-9j0GLqnLdg"}}},mediaTypes:{banner:{sizes:[[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"openx",params:{unit:"560842544",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_article_imu_mid"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484376}},{bidder:"jixie",params:{unit:"1000055-9j0GLqnLdg"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986575}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484376}},{bidder:"ix",params:{siteId:450351,size:[300,250]}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"1ba5ab92-566d-4f7f-81e4-a72468762746"}},{bidder:"ix",params:{siteId:450351,size:[300,250],video:{api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:4,linearity:1,delivery:[1,2],playerSize:[640,480],pos:1,plcmt:4}}}]},{code:"div-gpt-ad-414138224105403936-3",ortb2Imp:{ext:{gpid:"1000055-FadeM8c1kE",data:{pbadslot:"1000055-FadeM8c1kE"}}},mediaTypes:{banner:{sizes:[[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_article_imu_mid"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484380}},{bidder:"jixie",params:{unit:"1000055-FadeM8c1kE"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986576}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"ae9a3d5f-b09a-4a21-85d5-4810d1f4ce9c"}}]},{code:"div-gpt-ad-414138224105403936-4",ortb2Imp:{ext:{gpid:"1000055-iULj8pd1UG",data:{pbadslot:"1000055-iULj8pd1UG"}}},mediaTypes:{banner:{sizes:[[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_article_imu_mid"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484382}},{bidder:"jixie",params:{unit:"1000055-iULj8pd1UG"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986577}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"d319dd11-4fd7-4af8-9209-3260c3596326"}}]},{code:"div-gpt-ad-414138224105403936-2222",ortb2Imp:{ext:{gpid:"1000055-MqlAW2YAWw",data:{pbadslot:"1000055-MqlAW2YAWw"}}},mediaTypes:{banner:{sizes:[[300,600],[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:450351,size:[300,600]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93799",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_article_imu_mid"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484384}},{bidder:"jixie",params:{unit:"1000055-MqlAW2YAWw"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986578}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"f3147e59-4eec-4db0-b592-2c0813038a74"}}]},{code:"div-gpt-ad-414138224105403936-9999",ortb2Imp:{ext:{gpid:"1000055-kolNBNBLnG",data:{pbadslot:"1000055-kolNBNBLnG"}}},mediaTypes:{banner:{sizes:[[160,600]]}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:450351,size:[160,600]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93801",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_StandardDisplay"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484386}},{bidder:"jixie",params:{unit:"1000055-kolNBNBLnG"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986579}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"63a10d66-7065-494e-b6d8-39aea2a1f2a3"}}]},{code:"div-gpt-ad-414138224105403936-6",ortb2Imp:{ext:{gpid:"1000055-cMU8mHdEZz",data:{pbadslot:"1000055-cMU8mHdEZz"}}},mediaTypes:{banner:{sizes:[[120,600],[160,600],[100,650],[100,550]]}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:450351,size:[160,600]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93801",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_StandardDisplay"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484388}},{bidder:"jixie",params:{unit:"1000055-cMU8mHdEZz"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986580}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"92b2194d-9aaf-4eb9-ae5d-aa81b8d01e0e"}}]},{code:"div-gpt-ad-712092287234656005-411",ortb2Imp:{ext:{gpid:"1000055-limofnZvc6",data:{pbadslot:"1000055-limofnZvc6"}}},mediaTypes:{banner:{sizes:[[300,250]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"triplelift",params:{inventoryCode:"kg_kompasasiana_desktop_article_imu_mid"}},{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165898,pageId:151659}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484390}},{bidder:"jixie",params:{unit:"1000055-limofnZvc6"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986581}},{bidder:"kargo",params:{placementId:"_oTAKcijT3w"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"f43e4472-a56b-456e-98d5-e64774fa7122"}}]},{code:"div-gpt-ad-414138224105403936-7",ortb2Imp:{ext:{gpid:"1000055-XFuZJerRcV",data:{pbadslot:"1000055-XFuZJerRcV"}}},mediaTypes:{banner:{sizes:[[120,600],[160,600],[100,650],[100,550]]}},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"ix",params:{siteId:450351,size:[160,600]}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93801",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_StandardDisplay"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484392}},{bidder:"jixie",params:{unit:"1000055-XFuZJerRcV"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986582}}, {bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"4e3acd5e-7a62-412e-be63-f3f5a4013355"}}]},{code:"div-gpt-ad-Zone_OSM",mediaTypes:{banner:{sizes:[[300,250],[1,1],[300,600]]},video:{context:"outstream",playerSize:[300,250],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},bids:[{bidder:"teads",params:{placementId:165898,pageId:151659}},{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93800",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_article_imu_mid"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484382}},{bidder:"jixie",params:{unit:"1000055-iULj8pd1UG"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986577}},{bidder:"kargo",params:{placementId:"_oTAKcijT3w"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"d319dd11-4fd7-4af8-9209-3260c3596326"}}]},{code:"gpt_unit_/31800665/KOMPASIANA.COM/vignette_0",mediaTypes:{banner:{sizes:[[300,250],[320,480],[336,280]]},video:{context:"outstream",playerSize:[[300,250],[320,480],[336,280]],api:[1,2],protocols:[2,3,5,6],minduration:5,maxduration:30,mimes:["video/mp4","application/javascript"],placement:2,linearity:1,delivery:[1,2],plcmt:4}},ortb2Imp:{instl:1},bids:[{bidder:"openx",params:{unit:"540800962",delDomain:"kompascybermedia-d.openx.net"}},{bidder:"smartadserver",params:{networkId:"3727",siteId:"363586",pageId:"1293735",formatId:"93799",domain:"https://prg8.smartadserver.com"}},{bidder:"teads",params:{placementId:165897,pageId:151658}},{bidder:"triplelift",params:{inventoryCode:"kg_kompasiana_desktop_article_imu_mid"}},{bidder:"rubicon",params:{accountId:11834,siteId:434094,zoneId:2484384}},{bidder:"jixie",params:{unit:"1000055-MqlAW2YAWw"}},{bidder:"gumgum",params:{zone:"mcxquxca",slot:986578}},{bidder:"kargo",params:{placementId:"_f7ONufQEvW"}},{bidder:"pstudio",params:{pubid:"9e680c92-bdf1-41b0-a7f7-281d394574df",adtagid:"f3147e59-4eec-4db0-b592-2c0813038a74"}}]}],gptadslots=[],googletag=googletag||{};(googletag.cmd=googletag.cmd||[]),googletag.cmd.push(function(){googletag.pubads().disableInitialLoad()});var pbjs=pbjs||{};function initAdserver(){pbjs.initAdserverSet||((pbjs.initAdserverSet=!0),googletag.cmd.push(function(){pbjs.que.push(function(){pbjs.setTargetingForGPTAsync(),googletag.pubads().refresh()})}))}(pbjs.que=pbjs.que||[]),pbjs.que.push(function(){pbjs.mergeConfig({jixie:{genids:[{id:"esha",ck:"usermail"},{id:"psha",ck:"kmps_uphn"},{id:"_jxtoko"},{id:"_jxifo"}]}}),pbjs.setConfig({enableSendAllBids:!0,enableTIDs:!0,priceGranularity:"high",ix:{detectMissingSizes:!1},userSync:{userIds:[{name:"uid2"},{name:"unifiedId",value:{tdid:uuid__}}],filterSettings:{iframe:{bidders:'*',filter:'include'},image:{bidders:'*',filter:'include'}}},currency:{adServerCurrency:"USD"},syncsPerBidder:0}),(pbjs.bidderSettings={standard:{storageAllowed:!0}}),pbjs.addAdUnits(adUnits),pbjs.requestBids({bidsBackHandler:initAdserver,timeout:PREBID_TIMEOUT})}),setTimeout(function(){initAdserver()},FAILSAFE_TIMEOUT); </script>  <script type="text/javascript" defer> googletag.cmd.push(function() { //Adslot 1 declaration gptadslots[1]= googletag.defineSlot('/31800665/KOMPASIANA.COM/new-world/read', [[728, 90], [970, 90], [970, 250], [360, 100], [360, 150], [384, 100], [393, 100]],'div-gpt-ad-414138224105403936-1').setTargeting('Pos',['Top_1']).setTargeting('kg_pos', ['top_1']).addService(googletag.pubads()); //Adslot 2 declaration gptadslots[2]= googletag.defineSlot('/31800665/KOMPASIANA.COM/new-world/read', [[300,250]],'div-gpt-ad-414138224105403936-2').setTargeting('Pos',['Right_1']).setTargeting('kg_pos', ['right_2']).addService(googletag.pubads()); //Adslot 3 declaration gptadslots[3]= googletag.defineSlot('/31800665/KOMPASIANA.COM/new-world/read', [[300,250]],'div-gpt-ad-414138224105403936-3').setTargeting('Pos',['Right_2']).setTargeting('kg_pos', ['right_3']).addService(googletag.pubads()); //Adslot 4 declaration gptadslots[4]= googletag.defineSlot('/31800665/KOMPASIANA.COM/new-world/read', [[300,250]],'div-gpt-ad-414138224105403936-4').setTargeting('Pos',['Right_3']).setTargeting('kg_pos', ['right_4']).addService(googletag.pubads()); // Adslot giant ads gptadslots[2222]= googletag.defineSlot('/31800665/KOMPASIANA.COM/new-world/read', [[300,600],[300, 250], [160, 600]],'div-gpt-ad-414138224105403936-2222').setTargeting('Pos',['Giant']).setTargeting('kg_pos', ['giant']).addService(googletag.pubads()); //Adslot oop declaration gptadslots[0]= googletag.defineOutOfPageSlot('/31800665/KOMPASIANA.COM/new-world/read', 'div-gpt-ad-162687188723508243-oop').setTargeting('Pos',['Overlay']).setTargeting('kg_pos', ['overlay']).addService(googletag.pubads()); gptadslots[4923]= googletag.defineOutOfPageSlot('/31800665/KOMPASIANA.COM/new-world/read', 'div-gpt-ad-643108395629198345-rollup').setTargeting('Pos',['Rollup']).setTargeting('kg_pos', ['rollup']).addService(googletag.pubads()); // Adslot skycrapper gptadslots[9999]= googletag.defineSlot('/31800665/KOMPASIANA.COM/new-world/read', [[160,600]],'div-gpt-ad-414138224105403936-9999').setTargeting('Pos',['Skyscraper']).setTargeting('kg_pos', ['skyscraper']).addService(googletag.pubads()); // flying carpet gptadslots[411]= googletag.defineSlot('/31800665/KOMPASIANA.COM/new-world/read', [[1,1], [300,250], [336,280]],'div-gpt-ad-712092287234656005-411').setTargeting('Pos',['flying_carpet_desktop']).setTargeting('kg_pos', ['zone_middle_1']).addService(googletag.pubads()); //Adslot head declaration gptadslots[9]= googletag.defineSlot('/31800665/KOMPASIANA.COM/new-world/read', [[468,60], [728,90], [970,90], [1100,50]],'div-gpt-ad-414138224105403936-9').setTargeting('Pos',['Horizontal_Ad']).setTargeting('kg_pos', ['horizontal_ad']).addService(googletag.pubads()); gptadslots[412]= googletag.defineSlot('/31800665/KOMPASIANA.COM/new-world/read', [[1,1], [300,250], [336,280]],'div-gpt-ad-712092287234656005-412').setTargeting('Pos',['zone_middle_2']).setTargeting('kg_pos', ['zone_middle_2']).addService(googletag.pubads()); // banner vignette var dvignette = googletag.defineOutOfPageSlot('/31800665/KOMPASIANA.COM/vignette', googletag.enums.OutOfPageFormat.INTERSTITIAL); if(dvignette !== null) { dvignette.setTargeting('Pos',['vignette']); dvignette.setTargeting('kg_pos',['vignette']); dvignette.addService(googletag.pubads()); } /** s: Brandsafety */ setContextualTargeting(); if(typeof keywordBrandSafety === 'undefined'){ console.log("no article keywords"); }else{ console.log("execute keywords"); setKeywordTargeting(); } setBrandSafety(); function setContextualTargeting() { dfp_keywords = getKeywords(); console.log(dfp_keywords); googletag.pubads().setTargeting('contextual_targeting', dfp_keywords); } function getKeywords(){ var metas = document.getElementsByTagName('meta'); var str = (metas.namedItem("keywords") || {}).content; if (str!=null){ var keywords = str.toLowerCase().split(",").map(function(item) { return item.trim().replace(/\s\s+/g, ' '); }); return keywords; } return null; } // s:new keyword targeting via GAM function setKeywordTargeting() { dfp_keywords = getArticle(); console.log(dfp_keywords); googletag.pubads().setTargeting('keyword_targeting', dfp_keywords); } function getArticle(){ var strKey = keywordBrandSafety; if (strKey!=null){ var keywords = strKey.toLowerCase().split(/[ .]/).map(function(item) { return item.trim().replace(/\W*(&quot;)\W*/g, '').replace(/([^a-zA-Z0-9]$|[()\n\"])/g, ''); }); keywords = keywords.filter((str) => str !== ''); return keywords; } return null; } // e:new keyword targeting via GAM function setBrandSafety() { var cekclassread = document.getElementsByClassName("read__keyword")[0]; if(cekclassread != undefined){ var content = document.getElementsByClassName("read__keyword")[0].innerText; var gpt_safe = content.match(/\b(ak47|al jazeera|al qaeda|allah|Assad|bahan kimia|bencana|boikot|corona|covid-19|fatal|ganti rugi|gejala|gugur|hoax|hukuman|jokowi|kecelakaan|kejadian|keras|komplain|Kondom|kontroversi|korban|kriminal|palsu|pembunuhan|pemerkosaan|penyakit|peristiwa|pidana|polisi|porno|prabowo|racun|rasis|rasisme|seks|tersangka|viral|virus|porno|seks|lesbian|gay|sesama jenis|homoseks|homoseksual|biseksual|transgender|pemerasan|pemeras)\b/i); if(gpt_safe){ safe = 'no'; } else{ safe = 'yes'; } var keyword1 = content.match(/\b(bola|ayah|bayi|demo|fans|Serangan|fifa|game|ibu|Porno|kecanduan|keluarga|kematian|kesehatan|liga|mayat|meledak|pembunuhan|pertandingan|piala dunia|polisi|qatar|remaja|sehat|seks|sepak|soccer|stadion|timnas|world cup|rush|seksi|anak|gas|surabaya|tragedi|stadium|mengamuk|global warming|healthy|bom|bunuh diri|ledak|senjata|astana|tewas|mati|LPSK|korban|meninggal)\b/i); if (keyword1) { keyword_targetting1 = 'yes';} else { keyword_targetting1 = 'no';} var keyword2 = content.match(/\b(ahy|anies baswedan|black campaign|cak imin|calon bupati|calon gubernur|calon presiden|calon wakil presiden|calon walikota|debat kandidat|demokrat|dpr|ganjar pranowo|gibran|golkar|hak pilih|jokowi|kampanye|kotak suara|kpu|megawati|pdip|pemenang pemilu|pemungutan suara|pencalonan|pencoblosan|perhitungan suara|pks|prabowo|program kerja|quick count|real count|sby|sengketa pemilu|serangan fajar|suara sah|surat suara|survey|susilo bambang yudhoyono|tps|transparansi)\b/i); if (keyword2) { keyword_targetting2 = 'yes';} else { keyword_targetting2 = 'no';} var keyword3 = content.match(/\b(wuling|hyundai|tesla|mobil listrik|mobil ramah lingkungan|mobil EV|test drive|air ev)\b/i); if (keyword3) { keyword_targetting3 = 'yes';} else { keyword_targetting3 = 'no';} }else{ safe = 'yes'; keyword_targetting1 = 'no'; keyword_targetting2 = 'no'; keyword_targetting3 = 'no'; } console.log('safe_branding =' + safe); googletag.pubads().setTargeting('safe_branding', safe); console.log('keyword_targetting1 =' + keyword_targetting1); googletag.pubads().setTargeting('keyword_targetting1', keyword_targetting1); console.log('keyword_targetting2 =' + keyword_targetting2); googletag.pubads().setTargeting('keyword_targetting2', keyword_targetting2); console.log('keyword_targetting3 =' + keyword_targetting3); googletag.pubads().setTargeting('keyword_targetting3', keyword_targetting3); } try{ // Retrieving local storage var ls = window.localStorage; var lr = ls.getItem("_jxitr"); if (lr && lr.length > 2){ try{ googletag.pubads().setTargeting('jx_audience_interest', JSON.parse(lr).join().split(',')); }catch {} } var li = ls.getItem("_jxitd"); if (li && li.length > 2){ try{ googletag.pubads().setTargeting('jx_audience_intend', JSON.parse(li).join().split(',')); }catch {} } }catch(e){ //console.log("Localstorage not accessible or any other error: " + e.message); } /** e: Brandsafety */ googletag.pubads().setTargeting('currentUrl', '66fcb9ab34777c515747c725'); googletag.pubads().setTargeting('kg_inv_type','desktop'); googletag.pubads().setTargeting('kg_group_sites','kompasiana'); googletag.pubads().enableLazyLoad({ fetchMarginPercent: 150, renderMarginPercent: 0, }); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); // Listen for slotRenderEnded to debug filled/unfilled ads var adSlotIds = [ 'div-gpt-ad-414138224105403936-1', 'div-gpt-ad-414138224105403936-2', 'div-gpt-ad-414138224105403936-3', 'div-gpt-ad-414138224105403936-4', 'div-gpt-ad-414138224105403936-2222', 'div-gpt-ad-414138224105403936-9999', 'div-gpt-ad-712092287234656005-411', 'div-gpt-ad-414138224105403936-9' ]; googletag.cmd.push(function() { googletag.pubads().addEventListener('slotRenderEnded', function(event) { var slotId = event.slot.getSlotElementId(); if (adSlotIds.includes(slotId)) { if (event.isEmpty) { console.log('Slot ' + slotId + ' is unfilled.'); // Ganti konten dengan gambar tracking // var cachebuster = Math.random() * 10000000000000000; // Random cachebuster // var trackingImageUrl = `https://pubads.g.doubleclick.net/gampad/ad?iu=/31800665/trackingunfilled&sz=1x1&c=${cachebuster}&t=udivid%3D${slotId}%26udomain%3D${encodeURIComponent(window.location.href)}%26udevice%3DDesktop`; var trackingImageUrl = `https://tracker.oval.id/3086ffb0-03df-4865-85de-1243d58ae052/v1/ads-tracker?cid=${slotId}&cpid=800&action=impression&type=display&page_url=${encodeURIComponent(window.location.href)}`; // Buat elemen gambar var trackingImage = document.createElement('img'); trackingImage.src = trackingImageUrl; trackingImage.width = 1; trackingImage.height = 1; // Tambahkan gambar ke dalam div yang sesuai document.getElementById(slotId).appendChild(trackingImage); } } }); }); </script>   <style> @font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff1jvzRPA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff8jvzRPA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff3jvzRPA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff2jvzRPA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff4jvw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZDf-LHrw.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZKf-LHrw.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZBf-LHrw.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZAf-LHrw.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZOf-I.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf1jvzRPA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf8jvzRPA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf3jvzRPA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf2jvzRPA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf4jvw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf1jvzRPA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf8jvzRPA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf3jvzRPA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf2jvzRPA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf4jvw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZVcf6lvg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZXMf6lvg.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZV8f6lvg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZVsf6lvg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZWMf6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-eCZMZ-Y.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-cyZMZ-Y.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-fCZM.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZVcf6lvg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZXMf6lvg.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZV8f6lvg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZVsf6lvg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZVcf6lvg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZXMf6lvg.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZV8f6lvg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZVsf6lvg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZWMf6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} </style> </head> <body class="read-narative"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P7HQ38" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="sso_g_signin"> </div> <header > <div class="header"> <div class="top-bar clearfix"> <div class="container"> <div class="col-lg-5 top-bar--left"><a href="https://www.kompasiana.com/"><img fetchpriority="high" class="top-bar--logo" width="200" height="51" src="https://assets-a2.kompasiana.com/statics/kompasiana2017/logo/kompasiana-biru.png?t=o&v=200&z=1621089821" alt="Kompasiana Logo" title="Kompasiana Logo"></a></div> <div class="col-lg-7 top-bar--right"> <div class="top-bar--child"> <form action="https://www.kompasiana.com/search_artikel" method="get"> <div class="search-box" title="Pencaharian"> <div class="search-box-in clearfix"> <svg class="icon icon-search" id="icon_search"> <use xlink:href="#icon-search"></use> </svg> <input type="text" name="q" class="col-xs-12" id="text_search" aria-label="Search Article" placeholder="Pencarian" value=""> </div> </div> </form> </div> <span id="header_detail" style="padding-left: 50px; width:263px;">Mohon tunggu...</span> </div> </div> </div> <div class="bottom-bar clearfix menu_1"> <ul> <li class="bottom-bar--menu bottom-bar--submenu"><a href="#">Program <b class="caret"></b></a> <ul> <li><a href="https://www.kompasiana.com/kkn">kkn</a></li> <li><a href="https://www.kompasiana.com/infinite">infinite</a></li> <li><a href="https://kilasbalik.kompasiana.com/">kilas balik</a></li> <li><a href="https://microsite.kompasiana.com/narativ">narativ</a></li> <li><a href="https://www.kompasiana.com/series">the series</a></li> <li><a href="https://ramadan.kompasiana.com/">ramadan</a></li> </ul> </li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/popular">Terpopuler </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/latest">Terbaru </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/headline">Headline </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/topic">Topik Pilihan </a></li> <li class="bottom-bar--menu"><a class="" href="https://temu.kompasiana.com/">Komunitas </a></li> <li class="bottom-bar--menu"><a class="" href="https://event.kompasiana.com/">Event </a></li> <li class="bottom-bar--menu"><a class="" href="https://video.kompasiana.com/">Video </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/k-rewards">K-rewards </a></li> </ul> </div> <div id="menu_2"></div> </div> <span id="banner_register"></span> <div class="navmenu"> <div class="navmenuWrapper"> <div class="navmenuItem"> <div class="navmenuItem__parent"><a href="https://www.kompasiana.com/lestari">Game Changer</a></div><div class="navmenuItem__parent navmenu__linksSpecial"><a href="https://www.kompasiana.com/cerita-pemilih">Cerita Pemilih</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/cerita-pemilih/analisis">Analisis</a> <a href="https://www.kompasiana.com/cerita-pemilih/sosok">Sosok</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/fiksiana">Fiksiana</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/fiksiana/cerbung">Cerbung</a> <a href="https://www.kompasiana.com/fiksiana/cerpen">Cerpen</a> <a href="https://www.kompasiana.com/fiksiana/horor">Horor</a> <a href="https://www.kompasiana.com/fiksiana/puisi">Puisi</a> <a href="https://www.kompasiana.com/fiksiana/roman">Roman</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/halo-lokal">Halo Lokal</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/halo-lokal/bandung">Bandung</a> <a href="https://www.kompasiana.com/halo-lokal/joglosemar">Joglosemar</a> <a href="https://www.kompasiana.com/halo-lokal/makassar">Makassar</a> <a href="https://www.kompasiana.com/halo-lokal/medan">Medan</a> <a href="https://www.kompasiana.com/halo-lokal/palembang">Palembang</a> <a href="https://www.kompasiana.com/halo-lokal/surabaya">Surabaya</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/humaniora">Humaniora</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/humaniora/bahasa">Bahasa</a> <a href="https://www.kompasiana.com/humaniora/filsafat">Filsafat</a> <a href="https://www.kompasiana.com/humaniora/pendidikan">Pendidikan</a> <a href="https://www.kompasiana.com/humaniora/seni">Seni</a> <a href="https://www.kompasiana.com/humaniora/sosbud">Sosbud</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/inovasi">Inovasi</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/inovasi/gadget">Gadget</a> <a href="https://www.kompasiana.com/inovasi/nature">Nature</a> <a href="https://www.kompasiana.com/inovasi/otomotif">Otomotif</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/lyfe">Lyfe</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/lyfe/beauty">Beauty</a> <a href="https://www.kompasiana.com/lyfe/book">Book</a> <a href="https://www.kompasiana.com/lyfe/diary">Diary</a> <a href="https://www.kompasiana.com/lyfe/film">Film</a> <a href="https://www.kompasiana.com/lyfe/games">Games</a> <a href="https://www.kompasiana.com/lyfe/healthy">Healthy</a> <a href="https://www.kompasiana.com/lyfe/hobby">Hobby</a> <a href="https://www.kompasiana.com/lyfe/home">Home</a> <a href="https://www.kompasiana.com/lyfe/humor">Humor</a> <a href="https://www.kompasiana.com/lyfe/love">Love</a> <a href="https://www.kompasiana.com/lyfe/music">Music</a> <a href="https://www.kompasiana.com/lyfe/parenting">Parenting</a> <a href="https://www.kompasiana.com/lyfe/worklife">Worklife</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/money">Money</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/money/entrepreneur">Entrepreneur</a> <a href="https://www.kompasiana.com/money/financial">Financial</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/new-world">New World</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/new-world/artificial-intelligence">Artificial intelligence</a> <a href="https://www.kompasiana.com/new-world/cryptocurrency">Cryptocurrency</a> <a href="https://www.kompasiana.com/new-world/metaverse">Metaverse</a> <a href="https://www.kompasiana.com/new-world/nft">NFT</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/olahraga">Olahraga</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/olahraga/atletik">Atletik</a> <a href="https://www.kompasiana.com/olahraga/balap">Balap</a> <a href="https://www.kompasiana.com/olahraga/bola">Bola</a> <a href="https://www.kompasiana.com/olahraga/raket">Raket</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/ruang-kelas">Ruang Kelas</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/ruang-kelas/ilmu-alam-tekno">Ilmu Alam & Tekno</a> <a href="https://www.kompasiana.com/ruang-kelas/ilmu-sosbud">Ilmu Sosbud</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/travel-story">Travel Story</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/travel-story/foodie">Foodie</a> <a href="https://www.kompasiana.com/travel-story/trip">Trip</a></div></div><div class="navmenuItem__parent"><a href="http://video.kompasiana.com">Video</a></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/vox-pop">Vox Pop</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/vox-pop/hukum">Hukum</a> <a href="https://www.kompasiana.com/vox-pop/kebijakan">Kebijakan</a> <a href="https://www.kompasiana.com/vox-pop/politik">Politik</a></div></div> </div> <span class="navmenuArrows navmenuArrows--left dis"> </span> <span class="navmenuArrows navmenuArrows--right"> </span> </div> </div> </header>  <span id="activity_popup" style="display: none"></span>  <section class="home-page"> <div class="row">  <div class="banner-top banner-center mb20"> <div id='div-gpt-ad-414138224105403936-1'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-414138224105403936-1'); }); </script> </div> </div> <div class="container mt20"> <div class="flashback flashback_desktop"> <div class="flashbackHeading"> Lagi Rame! </div> <div class="flashbackNews"> <ul class="flashbackNews__list" data-length="6"> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/indratranggono4060/6742c7d3ed64153cdc67a563/komikus-hasmi-lebih-dari-legenda-gundala?source=widget_flash_back">Sewindu Komikus Hasmi "Gundala"</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/kaniaditarora9360/67429f06c925c40f8d56bc72/guru-madrasah-swasta-antara-asa-dan-dilema?source=widget_flash_back">Asa dan Dilema Guru Madrasah Swasta</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/akbarisation/67387c2c34777c799d630014/4-tips-survive-bagi-guru-baru?source=widget_flash_back">Tip "Survive" bagi Guru Baru</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/hamaysmenulis/673ea7e2c925c434e6722de2/hari-guru-nasional-antara-apresiasi-tulus-dan-formalitas-yang-melenceng?source=widget_flash_back">Hari Guru Nasional, Apresiasi Tulus dan Formalitas</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/frans36286/6744125ec925c479f85cc1e2/mirisnya-nasib-guru-honorer-di-indonesia?source=widget_flash_back">Mirisnya Nasib Guru Honorer di Indonesia</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/rani32453/67419aa9c925c428bb6f2662/tanda-traumamu-masih-ada-dan-cara-melepaskannya?source=widget_flash_back">Tanda-Tanda Masih Ada Trauma dalam Dirimu</a> </li> </ul> </div> <input type="checkbox" id="1" class="flashbackToggle"> <div for="1" class="flashback-arrow"> <span class="flashback-arrow-action"></span> </div> <div role="toggle" class="flashbackDetail"> <div class="flashbackDetail__data"> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/indratranggono4060/6742c7d3ed64153cdc67a563/komikus-hasmi-lebih-dari-legenda-gundala?source=widget_flash_back">Sewindu Komikus Hasmi "Gundala"</a> </div> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/kaniaditarora9360/67429f06c925c40f8d56bc72/guru-madrasah-swasta-antara-asa-dan-dilema?source=widget_flash_back">Asa dan Dilema Guru Madrasah Swasta</a> </div> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/akbarisation/67387c2c34777c799d630014/4-tips-survive-bagi-guru-baru?source=widget_flash_back">Tip "Survive" bagi Guru Baru</a> </div> </div> <div class="flashbackDetail__data"> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/hamaysmenulis/673ea7e2c925c434e6722de2/hari-guru-nasional-antara-apresiasi-tulus-dan-formalitas-yang-melenceng?source=widget_flash_back">Hari Guru Nasional, Apresiasi Tulus dan Formalitas</a> </div> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/frans36286/6744125ec925c479f85cc1e2/mirisnya-nasib-guru-honorer-di-indonesia?source=widget_flash_back">Mirisnya Nasib Guru Honorer di Indonesia</a> </div> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/rani32453/67419aa9c925c428bb6f2662/tanda-traumamu-masih-ada-dan-cara-melepaskannya?source=widget_flash_back">Tanda-Tanda Masih Ada Trauma dalam Dirimu</a> </div> </div> </div> </div> </div> </div> <div class="container"> </div>  <div class=" container js-giant-wp-sticky-parent mt10"> <div id="cerita-pemilih-sosok"></div> <div class="leftside col-lg-8 col-md-8 col-sm-8"> <div id="id_post" class="page_position" data-position="read" data-id="66fcb9ab34777c515747c725" data-posttitle="Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia" data-recipientid="65fa541ac57afb29f666f403" data-redirecturl="/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia" data-read='eyJwdWJsaXNoZWRfYXQiOiIyMDI0LTEwLTAyIDA4OjAwOjAwIiwiaWQiOiI2NmZjYjlhYjM0Nzc3YzUxNTc0N2M3MjUiLCJjb3VudGVyIjpbeyJjb3VudCI6MiwibmFtZSI6InJhdGluZyJ9LHsiY291bnQiOjk2LCJuYW1lIjoidmlldyJ9XSwic3RhdHVzIjoicHVibGlzaGVkIiwiZGVsZXRlZF9hdCI6Im51bGwiLCJsb2NrZWQiOiJmYWxzZSIsImNoYW5uZWwiOnsidmVyaWZ5X2lkIjoiNTRkMmUzOGM3NDU1MTM5ZDEwOGI0NTY4IiwiaWQiOiI2NWZhNTQxYWM1N2FmYjI5ZjY2NmY0MDMiLCJzaG9ydF91cmwiOiJldmluIiwia29tcGFzX2lkIjoiMGIwMzE3ZmZjNTczZTgzNGE4YTUwNWU3YjQ5ZDc4YmQiLCJmdWxsX25hbWUiOiJFdmluIn0sInVybCI6eyJwYXRoIjoiXC9ldmluXC82NmZjYjlhYjM0Nzc3YzUxNTc0N2M3MjVcL21ldGF2ZXJzZS1rdW5jaS11bnR1ay1tZW1idWthLXBvdGVuc2ktZWtvbm9taS1iYXJ1LWRpLWluZG9uZXNpYSJ9fQ=='></div> <div class="terkait-inner"> <div class="title-dash title-dash--related mb20"> <span>Kamu pasti suka!</span> </div> <button class="button buttonIcon__wrap buttonIcon--left -relateLeft -disabled"> <span class="icon-arrow icon-arrow-left"></span> </button> <ul class="terkait-wrap -js-related"> <li> <a href="https://www.kompasiana.com/junjungwidagdoabinyahaikal3859/67093443ed64152dce74ebd3/junjung-widagdo?source_from=read_related" class="terkait-post"> <img width='63' height='63' src="https://assets-a2.kompasiana.com/items/album/2024/10/13/https-asset-kgnewsroom-com-photo-pre-2022-07-27-03d5ef04-76cc-428a-9b51-ac5567cf5421-jpg-670b692434777c42460b4312.jpg?t=t&v=100&x=100&info=meta_related" alt="Pendidikan di Ujung Tanduk" class="terkait-post-img"> <h3 class="terkait-post-title">Pendidikan di Ujung Tanduk</h3> </a> </li> <li> <a href="https://www.kompasiana.com/ujangbandeung/67092c9c34777c46e000acc2/cara-materialist-membuat-konsepsi-baru-manusia?source_from=read_related" class="terkait-post"> <img width='63' height='63' src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/images/headline-blank-vsmall.jpg?t=t&v=100&x=100&info=meta_related" alt="Cara Materialist Membuat Konsepsi Baru Manusia" class="terkait-post-img"> <h3 class="terkait-post-title">Cara Materialist Membuat Konsepsi Baru Manusia</h3> </a> </li> <li> <a href="https://www.kompasiana.com/agungmsghai-edumain6203/670a4b4634777c7d284431a2/kerinduan-di-ujung-ombak?source_from=read_related" class="terkait-post"> <img width='63' height='63' src="https://assets-a2.kompasiana.com/items/album/2024/10/12/1000199933-670a4a58c925c433250d1682.jpg?t=t&v=100&x=100&info=meta_related" alt="Kerinduan di Ujung Ombak" class="terkait-post-img"> <h3 class="terkait-post-title">Kerinduan di Ujung Ombak</h3> </a> </li> </ul> <button class="button buttonIcon__wrap buttonIcon--right -relateRight -disabled"> <span class="icon-arrow icon-arrow-right"></span> </button> </div> <div class="read-biografi mt20 mb20 clearfix"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/evin"><img src="https://assets-a1.kompasiana.com/images/avatar/instadp-online-65597723-193835238277588-6760192079624079737-n-65fa57c4c57afb61ea32e673.jpg?t=t&v=70&x=70" alt="Evin" width="70" height="70"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="https://www.kompasiana.com/evin" class="user-name">Evin </a> <span id="follow_read">Mohon Tunggu...</span> <span class="title-box">Tutor - Writer</span> <div class="read-biografi__desc mt20 mb10"> <p class="read-biografi__desc--p"> Tertarik pada konten yang menarik </p> </div> <p class="load-more load-more--bio text-center"><a href="#">Selanjutnya<svg class="icon icon-angle-down"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-angle-down"></use></svg></a></p> <p class="load-more close--bio text-center"><a href="#">Tutup<svg class="icon icon-angle-up"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-angle-up"></use></svg></a></p> </div> </div> </div>  <div class="read-section read-section--nbox mt20"> <div class="read-artikel mb40 sticky-parent"> <div class="artikel--tag"> <span> Metaverse </span> </div> <div class="read-artikel__title"> <h1 class="title">Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia </h1> </div> <div class="read-artikel__caption clearfix"> <div class="shared shared__right clearfix"> <span class="shared-x"><a href="javascript:void(0);" onclick="tweet_share('Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia https://www.kompasiana.com/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia')" title="Share to X"><svg class="icon icon-x"><use xlink:href="#icon-x"></use></svg></a></span> <span class="shared-fb"><a href="javascript:void(0);" onclick="fb_share('Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia','https://www.kompasiana.com/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia')" title="Facebook Share"><svg class="icon icon-facebook"><use xlink:href="#icon-facebook"></use></svg></a></span> <span class="shared-ln"><a href="javascript:void(0);" onclick="linkedin_share('https://www.kompasiana.com/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia')" title="LinkedIn Share"><svg class="icon icon-linkedin"><use xlink:href="#icon-linkedin"></use></svg></a></span> <span class="shared-wa"><a href="javascript:void(0);" onclick="wa_share('*Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia*','https://www.kompasiana.com/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia')" aria-label="Share to whatsapp"><svg class="icon icon-whatsapp"> <use xlink:href="#icon-whatsapp"></use> </svg></a></span> <span class="shared-telegram"><a href="javascript:void(0);" onclick="telegram_share('Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia','https://www.kompasiana.com/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia')" title="Telegram Share" class="icon icon-telegram"></a></span> </div> </div> <div class="read-count mt10 mb20 clearfix"> <span style="display:none" class='exp_read_calendar'> <span class="count-item"><a href="https://www.kompasiana.com/indeks?page=1&date=2024-10-02&category=highlight">2 Oktober 2024   15:00</a></span> </span> <span class="count-item">2 Oktober 2024   15:00</span> <span class="count-item">Diperbarui: 2 Oktober 2024   15:04</span> <span class="count-item"> <svg class="icon icon-dibaca"> <use xlink:href="#icon-dibaca"></use> </svg> <span id="post-counter" data-id="66fcb9ab34777c515747c725">96</span> <button onclick="document.getElementById('nilai-section').scrollIntoView({behavior: 'smooth'});" class="count-item-link" aria-label="Like this article"> <svg class="icon icon-like"> <use xlink:href="#icon-like"></use> </svg><span>2</span> </button> <button onclick="document.getElementById('comment-section').scrollIntoView({behavior: 'smooth'});" class="count-item-link" aria-label="Comment this article"> <svg class="icon icon-comment"> <use xlink:href="#icon-comment"></use> </svg><span>0</span> </button> </span> <div class="timeline__ribbon" title="Tambahkan ke Favorit" id="button_66fcb9ab34777c515747c725"> <div id="66fcb9ab34777c515747c725_load-image-favorit" style="font-size:14px; color:grey;"></div> <a href="javascript:void(0)" class="postRibbon" id="66fcb9ab34777c515747c725_favorit" onclick="new_favorit('66fcb9ab34777c515747c725')">+</a> </div> <div class="timeline__flag postRibbon" title="Report"> <a href="javascript:void(0);" class="timeline__flag_report -reportChoose"></a> <div class="reportbtnMenu"> <div class="reportbtnMenu__item -reportKonten btnReportKonten postRibbon" data-post="66fcb9ab34777c515747c725">Laporkan Konten</div> <div class="reportbtnMenu__item -reportAkun btnReportAkun postRibbon" data-user="65fa541ac57afb29f666f403">Laporkan Akun</div> </div> </div> </div> <div class="warning">Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.</div>  <div class="slidesWrapper"> <div class="popgalery slides-one"> <a href="?page=1&page_images=2" class="slidesArrow slidesArrow__big slidesArrow__left align-center" aria-label="Previous Image"> <svg class="icon icon-angle-left"> <use xlink:href="#icon-angle-left"></use> </svg> </a> <a href="https://www.kompasiana.com/image/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia?page=1"> <div class="photo__expand"> <svg class="icon icon-dibaca"><use xlink:href="#icon-dibaca"></use></svg> Lihat foto </div> </a> <div class="slidesBig photo__wrap"> <a href="https://www.kompasiana.com/image/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia?page=1"> <img src="https://assets.kompasiana.com/items/album/2024/10/02/1000204596-66fcb50d34777c09617ee332.jpg?t=o&v=770" alt="Sumber: freepik.com" width="740" height="493" loading="lazy" /> </a> </div> <figcaption itemprop="caption description">Sumber: freepik.com</figcaption> <a href="?page=1&page_images=2" class="slidesArrow slidesArrow__big slidesArrow__right align-center" aria-label="Next Image"> <svg class="icon icon-angle-right"> <use xlink:href="#icon-angle-right"></use> </svg> </a> </div> <div class="slides-gal"> <a href="?page=1&page_images=2" class="slidesArrow slidesArrow__small slidesArrow__left align-center" aria-label="Previous Image"> <svg class="icon icon-angle-left"> <use xlink:href="#icon-angle-left"></use> </svg> </a> <div class="slides slidesFlex align-center mt10"> <div class="slidesSmall photo__wrap"> <a href="?page=1&page_images=1"> <img src="https://assets.kompasiana.com/items/album/2024/10/02/1000204596-66fcb50d34777c09617ee332.jpg?t=o&v=260" alt="Sumber: freepik.com" width="740" height="493" loading="lazy" /> </a> </div> <div class="slidesSmall photo__wrap"> <a href="?page=1&page_images=2"> <img src="https://assets-a1.kompasiana.com//statics/2019_kompasiana/images/gambar-default-karusel2.jpg?t=o&v=260" alt="Bagikan ide kreativitasmu dalam bentuk konten di Kompasiana | Sumber gambar: Freepik" width="740" height="493" loading="lazy" /> </a> </div> </div> <a href="?page=1&page_images=2" class="slidesArrow slidesArrow__small slidesArrow__right align-center" aria-label="Next Image"> <svg class="icon icon-angle-right"> <use xlink:href="#icon-angle-right"></use> </svg> </a> </div> </div>  <div class="mt20 clearfix"> <button class="text-size" id="small" title="Mengecilkan font"><svg class="icon icon-text-down"><use xlink:href="#icon-text-down"></use></svg></button> <button class="text-size" id="big" title="Membesarkan font"><svg class="icon icon-text-up"><use xlink:href="#icon-text-up"></use></svg></button> </div> <div class="row clearfix">  <div class="ads ads__skyscraper banner-sky banner-center sticky-right col-lg-3 col-md-3 col-sm-3 col-xs-3 clearfix"> <div id='div-gpt-ad-414138224105403936-9999'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-414138224105403936-9999'); }); </script> </div> </div> <div class="read-content read__keyword col-lg-9 col-md-9 col-sm-9 col-xs-9" itemprop="articleBody"> <p><span class="fr-img-caption fr-fic fr-dib" style="width:319px;"><span class="fr-img-wrap"></span></span></p><p>Indonesia, Tanah air kita yang penuh dengan kreativitas dan semangat. Tapi pernah kepikiran nggak, gimana caranya kita bisa bawa semangat itu ke dunia yang sama sekali baru? Nah, ada yang namanya <a target='_self' class='inner-link-tag' href='https://www.kompasiana.com/tag/metaverse' style='color:#428bca;'>Metaverse</a>, dan ini bisa jadi game changer buat masa depan ekonomi Indonesia.</p><p>Bayangin, kita bisa jalan-jalan di mall virtual, nongkrong di kafe yang nggak ada di dunia nyata, atau bahkan nonton konser penyanyi favorit dari ruang tamu rumah sendiri. Itulah Metaverse!</p><p><div id="teads_outstream"></div> </p><p>Gampangnya, Metaverse adalah dunia digital tiga dimensi di mana kalian bisa berinteraksi dengan orang lain, beli barang, dan ngelakuin berbagai aktivitas layaknya di dunia nyata. Bedanya, cuma butuh perangkat khusus kayak VR (Virtual Reality) atau AR (Augmented Reality) buat ngaksesnya.</p><p> <div class="banner banner-carpet-read banner-center mt20 mb20"> <div id='div-gpt-ad-712092287234656005-411'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-712092287234656005-411');}); </script> </div> </div> </p><p><strong>Indonesia dan Metaverse</strong></p><p>Kabar baiknya, Indonesia punya potensi gede buat jadi pemain utama di Metaverse. Kenapa? Alasannya ada beberapa hal.</p><p>Indonesia punya populasi pengguna internet terbesar ke-4 di dunia. Artinya, banyak sekali orang Indonesia yang familiar dengan dunia digital dan berpotensi jadi pengguna aktif Metaverse.</p><p>Kita semua tau Indonesia terkenal dengan kreativitasnya. Nah, Metaverse ini bakalan jadi lapangan bermain yang sempurna buat para developer, seniman, dan entrepreneur Indonesia buat ngembangin hal-hal yang inovatif.</p><p><div class="banner banner-carpet-read banner-center mt20 mb20"> <div id='div-gpt-ad-712092287234656005-412' style='text-align: center;'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-712092287234656005-412');}); </script> </div> </div> </p><p>Pemerintah Indonesia juga udah mulai ngeliat potensi Metaverse. Beberapa kementerian terkait udah ngadain diskusi dan workshop buat ngebahas gimana caranya Indonesia bisa berperan aktif di dunia virtual ini.</p><p></p><p><strong>Ekonomi Metaverse</strong></p><p>Metaverse nggak cuma soal bersenang-senang. Dunia virtual ini diyakini bakal ngebawa dampak yang signifikan ke sektor ekonomi.</p> <iframe src="https://widget.kompas.com/survey/226?separator=survey__separator" frameborder="0" width="100%" height="280" style="background-color: #fff; border-radius: 6px;"></iframe>  <style> .ads-partner-wrap { background: #fff; } #div-gpt-ad-Zone_OSM { position: sticky; position: -webkit-sticky; width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; top: 60px; } </style> <span id="wrap_lazy_div-gpt-ad-Zone_OSM" style="margin-top:-200px;position:absolute"></span> <div class="ads-partner-wrap osmplaceonsite" style="min-height: 640px; max-width:100%; text-align: center;"> <div id="div-gpt-ad-Zone_OSM"></div> </div> <script type="text/javascript"> LazyLoadSlot("div-gpt-ad-Zone_OSM", "/31800665/KOMPASIANA.COM/read", [[300,600],[300,250], [1,1], [384, 600], [336, 600], [384, 100], [393, 600], [384, 280], [360, 280], [360, 600]], "zone_osm", "zone_osm"); /** Init div-gpt-ad-Zone_OSM **/ function LazyLoadSlot(divGptSlot, adUnitName, sizeSlot, posName, posName_kg){ var observerAds = new IntersectionObserver(function(entires){ entires.forEach(function(entry) { if(entry.intersectionRatio > 0){ showAds(entry.target) } }); }, { threshold: 0 }); observerAds.observe(document.getElementById('wrap_lazy_'+divGptSlot)); function showAds(element){ console.log('show_ads lazy : '+divGptSlot); observerAds.unobserve(element); observerAds.disconnect(); googletag.cmd.push(function() { var slotOsm = googletag.defineSlot(adUnitName, sizeSlot, divGptSlot) .setTargeting('Pos',[posName]) .setTargeting('kg_pos',[posName_kg]) .addService(googletag.pubads()); googletag.display(divGptSlot); setTimeout(function(){ googletag.pubads().refresh([slotOsm]); }, 2 * 1000); }); } } </script>     <div class="read-paging mt40 clearfix"> <div class="col-xs-2 col-offset-0"> <div class="read-paging--teaser">HALAMAN :</div> </div> <div class="col-xs-7 col-offset-0"> <ol class="read-paging--list"> <li class="read-paging--item"> <a class="read-paging--link read-paging--active">1</a> </li> <li class="read-paging--item"> <a class="read-paging--link" href="?page=2&page_images=1">2</a> </li> <li class="read-paging--item"> <a href="?page=2&page_images=1" class="read-paging--right"><svg class="icon icon-angle-right"><use xlink:href="#icon-angle-right"></use></svg></a> </li> </ol> </div> <div class="col-xs-3 col-offset-0"> <a href="?page=all#section1" class="read-paging--show">LIHAT SEMUA</a> </div> </div>   <div class="mt40"> <span id="button_footer_read">Mohon tunggu...</span> </div> <br> <a href="https://www.kompasiana.com/indeks?page=1&category=metaverse&highlight=1" class="buttonCateg display-flex mt20" style="background: black !important;"> <div class="buttonCateg__img"> <img src="https://assets.kompasiana.com/items/category/metavrase-1649317820.png?t=o&v=100" alt="Lihat Konten Metaverse Selengkapnya" width="100" height="60" loading="lazy"> </div> <div class="buttonCateg__txt align-center">Lihat Metaverse Selengkapnya </div> <div class="buttonCateg__arrow--wrap align-center"> <div class="buttonCateg__arrow"></div> </div> </a>  <div class="nilai-box mb20 clearfix" id="nilai-section"> <div id="ul_beri_nilai"></div> <div id="rating_post"></div> <div id="more-stories-rating" class="more-stories mt20" style="display: none;"> <a id="load-more-rating" onclick="loadRating()" data-perpage="10" data-page="1" data-holder="rating_post" class="load-more">Selanjutnya<svg class="icon icon-angle-right"><use xlink:href="#icon-angle-right"></use></svg></a> </div> <div id="load-image-rating"></div> </div>   <div class="komentar komentarBlue mt20 mb20 clearfix" id="comment-section"> <div class="title-dash komentarTitle"><span>Beri Komentar</span></div> <form class="form text-left mt10 clearfix form-response" id="komen-submit"> <textarea placeholder="Tulis Tanggapan Anda..." class="form-control mb10" id="text"></textarea> <div class="komentarDisc">Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE</div> <div class="pull-right"><button id="submit" class="komentar-submit">KIRIM</button></div> </form> <hr class="mt10 mb10"> <div class="komentar__cap" id="komentar__cap"> Belum ada komentar. Jadilah yang pertama untuk memberikan komentar! </div> <div class="komentar-list-holder" style="min-height: 0px !important"></div> <div id="load-image-komentar"></div> <a href="https://www.kompasiana.com/komentar/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia" style="display: none;" id="komentarAll" class="komentarAll align-center">Lihat Semua Komentar (0)</a> </div>   <div id="kompasiana-arena-base"> </div> <div style="height:416px" id="kompasiana-arena-body"> </div>   <div class="video-box-thumb kgnowGate"> </div> <script async src = "https://scripts.jixie.media/jxvideo.3.1.min.js"></script> <script> var videoIds = []; var videoNext = []; var scrl = 0; function getVideo() { var rvJixie = new XMLHttpRequest(); rvJixie.onreadystatechange = function() { if (this.readyState == 4){ let statusapi = this.status; if ("ga" in window) { ga(function() { tracker = ga.getAll()[0]; if (tracker){ tracker.send("event", "KG Player", "APIS Req", statusapi); console.log('track kgplayer', statusapi) } }) } } if (this.readyState == 4 && this.status == 200) { let response = JSON.parse(rvJixie.responseText); let status = response.status if (status) { let items = response.items var html_video_rec_thumb = ''; let videoItems = items.slice(0, 5) videoItems.forEach(function(item, index) { //populate our simple array videoIds.push(item.video_id); var cls = '' var title_url = item.title; var url_video = 'https://video.kompas.com/watch/'+item.video_id+'/'+title_url.toLowerCase().replace(/ /g, '-').replace(/[^\w-]+/g, ''); if(index==0){ html_video_rec_thumb += ` <div class="rVideo-thumbnail --rVideo_read"> <iframe id="rVideo-embed-thumb" allow="encrypted-media" width="100%" height="274" src="https://www.kgnow.com/embed/${item.video_id}?autoplay=none&thumbnail=on&accountid=3b1c9a9fce40783bf7e1f42f294e5af2&source=KOMPASIANA&position=detail_inline_player_1" title="${item.title}" frameborder="0" scrolling="no" > </iframe> <div class="rVideo-box"> <h4 class="rVideo-title">${item.title}</h4> <span class="rVideo-date">${timeSince(videoItems[0].date_publish)}</span> </div> </div> ` } }) document.querySelector('.video-box-thumb').innerHTML = html_video_rec_thumb; } } } let description = document.querySelector('meta[name="description"]').content let keywords = document.querySelector('meta[name="content_tags"]').content let title = document.getElementsByTagName("title")[0].textContent; let data = { "title": title, "description": description, "keywords": keywords, "page_id": "66fcb9ab34777c515747c725", "current_url": "https://www.kompasiana.com/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia", } let data_kgnow_token = { "url": "https://apis.kompas.com/api/widget/video", "Authorization": "Bearer eyJpdiI6ImhyUXB1T0dKZnJabExYbzk5SlNTMkE9PSIsInZhbHVlIjoieUZ1NlVvVDUxOHRNQ2Z2bTE2ejBoZz09IiwibWFjIjoiYWZiYzQzNTk1NTFmODMxY2IyZTBmY2E4ODYyNWQ0YjU5N2VkOTgzNmVlNjU5ZmQ4MmI1YWJmZjU2Nzg4NGVhOSJ9", } rvJixie.open("POST", "https://apis.kompas.com/api/widget/video", true); rvJixie.setRequestHeader('Authorization', data_kgnow_token.Authorization); rvJixie.setRequestHeader('Content-Type', 'application/json'); rvJixie.send(JSON.stringify(data)); } getVideo(); function dateFormatJixie(value) { const monthText = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember']; if (value) { const dateJixie = new Date(value); return dateJixie.getDate() + ' ' + monthText[dateJixie.getMonth()] + ' ' + dateJixie.getFullYear(); } else { return ""; } } function timeFormatJixie(value) { if (value) { const timeJixie = value.split(':'); if (timeJixie[0] == '00') { return timeJixie[1] + ':' + timeJixie[2]; } else { return value; } } else { return ""; } } function timeSince (value) { console.log("sini",value) if (typeof value !== 'object') { date = new Date(value); } var seconds = Math.floor((new Date() - date) / 1000); var intervalType; var interval = Math.floor(seconds / 31536000); if (interval >= 1) { intervalType = 'tahun yang lalu'; } else { interval = Math.floor(seconds / 2592000); if (interval >= 1) { intervalType = 'bulan yang lalu'; } else { interval = Math.floor(seconds / 86400); if (interval >= 1) { intervalType = 'hari yang lalu'; } else { interval = Math.floor(seconds / 3600); if (interval >= 1) { intervalType = "jam yang lalu"; } else { interval = Math.floor(seconds / 60); if (interval >= 1) { intervalType = "menit yang lalu"; } else { interval = seconds; intervalType = "detik yang lalu"; } } } } } return interval + ' ' + intervalType; } </script>  </div> </div> </div>  <div class="read-footer">   <div class="tag"><span>TAG</span> <a class="tag-link" href="https://www.kompasiana.com/tag/new-world"><h2 class="title-tag">new world</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/metaverse"><h2 class="title-tag">metaverse</h2></a> </div> <div class="response mt10 clearfix"> <div id="responses" data-id="66fcb9ab34777c515747c725" data-perPage="2" align="center"></div> </div>  <div class="mt10 clearfix lainnya" data-postId="66fcb9ab34777c515747c725" style="display: none;"> <div class="row"> <div class="title-dash mb10"> <div class="row"> <div class="col-md-4"> <h3 class="rekomen"><span>Artikel Lainnya</span></h3> </div>  </div> </div> </div> <div class="terbaru-row row lainnya-content"> <div class="terbaru-item item col-lg-4 col-md-4 col-sm-12"> <a class="url" href="#"> <div class="img-inner"> <img loading="lazy" src="" width="760" height="427"> </div> <h1 class="terbaru-title title" style="text-transform: capitalize;"></h1> </a> </div> </div> </div>  <div class='banner banner-mgid-read mt20 mb20'>  <div id="bn_b1ea5564dd"></div> <script>'use strict';(function(C,b,m,r){function t(){b.removeEventListener("scroll",t);f()}function u(){p=new IntersectionObserver(a=>{a.forEach(n=>{n.isIntersecting&&(p.unobserve(n.target),f())})},{root:null,rootMargin:"400px 200px",threshold:0});p.observe(e)}function f(){(e=e||b.getElementById("bn_"+m))?(e.innerHTML="",e.id="bn_"+v,q={act:"init",id:m,rnd:v,ms:w},(d=b.getElementById("rcMain"))?c=d.contentWindow:D(),c.rcMain?c.postMessage(q,x):c.rcBuf.push(q)):g("!bn")}function E(a,n,F,y){function z(){var h= n.createElement("script");h.type="text/javascript";h.src=a;h.onerror=function(){k++;5>k?setTimeout(z,10):g(k+"!"+a)};h.onload=function(){y&&y();k&&g(k+"!"+a)};F.appendChild(h)}var k=0;z()}function D(){try{d=b.createElement("iframe"),d.style.setProperty("display","none","important"),d.id="rcMain",b.body.insertBefore(d,b.body.children[0]),c=d.contentWindow,l=c.document,l.open(),l.close(),A=l.body,Object.defineProperty(c,"rcBuf",{enumerable:!1,configurable:!1,writable:!1,value:[]}),E("https://go.rcvlink.com/static/main.js", l,A,function(){for(var a;c.rcBuf&&(a=c.rcBuf.shift());)c.postMessage(a,x)})}catch(a){B(a)}}function B(a){g(a.name+": "+a.message+"\t"+(a.stack?a.stack.replace(a.name+": "+a.message,""):""))}function g(a){console.error(a);(new Image).src="https://go.rcvlinks.com/err/?code="+m+"&ms="+((new Date).getTime()-w)+"&ver="+G+"&text="+encodeURIComponent(a)}try{var G="231101-0007",x=location.origin||location.protocol+"//"+location.hostname+(location.port?":"+location.port:""),e=b.getElementById("bn_"+m),v=Math.random().toString(36).substring(2, 15),w=(new Date).getTime(),p,H=!("IntersectionObserver"in C),q,d,c,l,A;e?"scroll"==r?b.addEventListener("scroll",t):"lazy"==r?H?f():"loading"==b.readyState?b.addEventListener("DOMContentLoaded",u):u():f():"loading"==b.readyState?b.addEventListener("DOMContentLoaded",f):g("!bn")}catch(a){B(a)}})(window,document,"b1ea5564dd",""); </script>  </div> <div class='banner banner-mgid-read mt20 mb20'>  <div id="M559706ScriptRootC936410"> </div> <script src="https://jsc.mgid.com/k/o/kompasiana.com.936410.js" async></script>  </div> </div>  </div>  <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">  <div class="pswp__bg"></div>  <div class="pswp__scroll-wrap">  <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div>  <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar">  <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>   <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script type="text/javascript"> </script> </div> <div class="sidebar sidebar-parent col-lg-4 col-md-4 col-sm-4 mt20 clearfix">  <div class="banner banner-right-big mb20">  <div id='div-gpt-ad-414138224105403936-2222' style="position:sticky;top:60px;text-align: center;"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-414138224105403936-2222'); }); </script> </div> </div>  <div class="kolom-newslt mt20 mb20"> <form id="form-email"> <div class="kolom-newslt__desc" id="message">Daftarkan email Anda untuk mendapatkan cerita dan opini pilihan dari Kompasiana</div> <div class="kolom-newslt__table"> <img loading="lazy" width='39' height='55' src="https://assets.kompasiana.com/statics/2018_kompasiana/desktop/images/envelope.png" alt="icon" class="kolom-newslt__img"> <div class="kolom-newslt__email"><input placeholder="Email Anda" type="text" class="kolom-newslt__input" id="email"></div> <button type="submit" class="kolom-newslt__btn" id="sendemail">Daftar</button> </div> </form> </div>  <div id="populer-rekom-base"></div> <div class="mt20" style="height:600px;" id="populer_rekom" class=""></div>   <div class="banner banner-right mb20">  <div id='div-gpt-ad-414138224105403936-2'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-414138224105403936-2'); }); </script> </div> </div>  <div id="read-kgnow-base"></div> <div style="height:588px" id="read-kgnow-body"></div> <div id="trending-base"></div>  <div style="height:520px" id="trending_place"></div>  <div class='banner banner-right mt20'>  <div id='div-gpt-ad-414138224105403936-3'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-414138224105403936-3'); }); </script> </div> </div> <div id="terbaru_place"></div>   <div style="z-index:4" class="banner banner-right js-giant-wp-sticky">  <div id='div-gpt-ad-414138224105403936-4'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-414138224105403936-4'); }); </script> </div> </div>  </div> </div> </section>   <div class="reportpopup"> <div class="reportpopupClose" onclick="this.parentElement.style.display='none';"></div> <form class="reportpopupContent"> <h5 class="reportpopupTitle">LAPORKAN KONTEN</h5> <div id="listChoiceReasonKonten"> <div class="radio"> <input id="radio-61557bfc91bd5b23220c6603" data-reason="Konten tidak orisinal/melanggar hak cipta" name="radio_reason" type="radio"> <label for="radio-61557bfc91bd5b23220c6603" class="radio-label">Konten tidak orisinal/melanggar hak cipta</label> </div> <div class="radio"> <input id="radio-61557c0991bd5b087c6f74a4" data-reason="Hate speech/menyerang/merugikan pihak lain" name="radio_reason" type="radio"> <label for="radio-61557c0991bd5b087c6f74a4" class="radio-label">Hate speech/menyerang/merugikan pihak lain</label> </div> <div class="radio"> <input id="radio-61557c1991bd5b2a2b7c5818" data-reason="Vulgar/menimbulkan perasaan tidak nyaman (pornografi, darah, data privat, dsb)" name="radio_reason" type="radio"> <label for="radio-61557c1991bd5b2a2b7c5818" class="radio-label">Vulgar/menimbulkan perasaan tidak nyaman (pornografi, darah, data privat, dsb)</label> </div> <div class="radio"> <input id="radio-61557c2591bd5b40651e4ad2" data-reason="Mengandung berita bohong/hoaks/misinformasi" name="radio_reason" type="radio"> <label for="radio-61557c2591bd5b40651e4ad2" class="radio-label">Mengandung berita bohong/hoaks/misinformasi</label> </div> <div class="radio"> <input id="radio-61557c3e91bd5b43df3c8553" data-reason="Promosi aktivitas ilegal/berbahaya (judi, aborsi, investasi bodong, bunuh diri, dsb)" name="radio_reason" type="radio"> <label for="radio-61557c3e91bd5b43df3c8553" class="radio-label">Promosi aktivitas ilegal/berbahaya (judi, aborsi, investasi bodong, bunuh diri, dsb)</label> </div> </div> <div id="listChoiceReasonUser" style="display:none"> <div class="radio"> <input id="radio-61557adc91bd5b5a36011973" data-reason="Spamming" name="radio_reason" type="radio"> <label for="radio-61557adc91bd5b5a36011973" class="radio-label">Spamming</label> </div> <div class="radio"> <input id="radio-61557b9491bd5b27022316d7" data-reason="Akun ini palsu/menggunakan identitas orang lain" name="radio_reason" type="radio"> <label for="radio-61557b9491bd5b27022316d7" class="radio-label">Akun ini palsu/menggunakan identitas orang lain</label> </div> <div class="radio"> <input id="radio-61557ba091bd5b2a2b7c5817" data-reason="Akun ini membahayakan pihak lain" name="radio_reason" type="radio"> <label for="radio-61557ba091bd5b2a2b7c5817" class="radio-label">Akun ini membahayakan pihak lain</label> </div> <div class="radio"> <input id="radio-61557bba91bd5b26fc6b14d6" data-reason="Akun ini diretas" name="radio_reason" type="radio"> <label for="radio-61557bba91bd5b26fc6b14d6" class="radio-label">Akun ini diretas</label> </div> <div class="radio"> <input id="radio-61557bcb91bd5b087c6f74a3" data-reason="Akun menyebarkan kebencian (hate speech)" name="radio_reason" type="radio"> <label for="radio-61557bcb91bd5b087c6f74a3" class="radio-label">Akun menyebarkan kebencian (hate speech)</label> </div> </div> <span id="word_alasan">Alasan</span> <textarea id="laporkan-text-new" placeholder="Tulis Alasan Anda ..."></textarea> <img id="laporkan-loading" style="display: none;margin-top:5px;margin-left:auto;margin-right:auto;" src="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/images/loader-small.svg" class="mb20"> <div class="reportpopupAction"> <a href="javascript:void(0)" class="reportpopupAction__button -reportbatal">Batalkan</a> <a href="javascript:void(0)" id="laporkan-submit-new" class="reportpopupAction__button -reportlanjut">Laporkan</a> </div> </form> </div> <div class="reportpopupMessage"> <div class="reportpopupClose" onclick="close_msg()"></div> <span id="msgreport"></span> </div>    <div id='div-gpt-ad-162687188723508243-oop'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-162687188723508243-oop'); }); </script> </div>  <div id='div-gpt-ad-643108395629198345-rollup'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-643108395629198345-rollup'); }); </script> </div> <footer class="footer"> <div class="container"> <div class="footerWrap"> <div class="footerColumn"> <a href="https://www.kompasiana.com/"> <img class="footerBrand mb20" src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/logo-kompasiana-white.svg?t=o&v=200" width="168" height="41" alt="Kompasiana Logo"> </a> <div class="footerColumn__child" style="width:230px; height:195px;"> <div class="footerSponsor"> <div class="footerSponsor__text">Penghargaan dan Sertifikat:</div> <div class="footerSponsor__img"> <img src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/penghargaan_logo_1.jpg" style="width:100px; height:51px;"> <img src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/penghargaan_logo_2.jpg" style="width:100px; height:51px;"> <img src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/penghargaan_logo_3.jpg" style="width:100px; height:51px;"> </div> <div class="footerSponsor__lead"> Untuk pengajuan iklan dan kerja sama bisa menghubungi: <a href="mailto:kerjasama@kompasiana.com">kerjasama@kompasiana.com</a> <br>Kunjungi Mediakit Kompasiana <a href="https://iklan.kompasiana.com/">di sini</a><br> Programmatic partnership <a href="mailto:programmatic.team@kgmedia.id">programmatic.team@kgmedia.id</a> </div> </div> </div> </div> <div class="footerColumn"> <a href="https://www.kompasiana.com/tentang-kompasiana" class="footerMenu">TENTANG KOMPASIANA</a> <a href="https://www.kompasiana.com/syarat-ketentuan" class="footerMenu">SYARAT DAN KETENTUAN</a> <a href="https://www.kompasiana.com/bantuan/faq" class="footerMenu">FAQ KOMPASIANA</a> <a href="https://www.kompasiana.com/bantuan/tutorial" class="footerMenu">TUTORIAL</a> <a href="https://legal.kompasiana.com/privacy" class="footerMenu">PRIVACY & POLICY</a> <a href="https://www.kompasiana.com/bantuan/faq-bantuan" class="footerMenu">Bantuan</a> </div> <div class="footerColumn"> <div class="footerMenu">PROGRAM</div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/k-rewards" target="blank" rel="noopener">K-Rewards</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/infinite" target="blank" rel="noopener">Infinite</a></div> <div class="footerMenu__child"><a href="https://kilasbalik.kompasiana.com/" target="blank" rel="noopener">Kilas Balik</a></div> <div class="footerMenu__child"><a href="https://microsite.kompasiana.com/narativ" target="blank" rel="noopener">Narativ</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/series" target="blank" rel="noopener">The Series</a></div> <div class="footerMenu__child"><a href="https://ramadan.kompasiana.com/" target="blank" rel="noopener">Ramadan</a></div> </div> <div class="footerColumn"> <div class="footerMenu">KATEGORI</div> <div class="footerColumn__child"> <div class="footerMenu__child"><a href="https://www.kompasiana.com/popular">Terpopuler</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/latest">Terbaru</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/headline">Headline</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/topic">Topik Pilihan</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/lestari">Game Changer</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/cerita-pemilih">Cerita Pemilih</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/fiksiana">Fiksiana</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/halo-lokal">Halo Lokal</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/humaniora">Humaniora</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/inovasi">Inovasi</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/lyfe">Lyfe</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/money">Money</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/new-world">New World</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/olahraga">Olahraga</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/ruang-kelas">Ruang Kelas</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/travel-story">Travel Story</a></div><div class="footerMenu__child"><a href="http://video.kompasiana.com">Video</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/vox-pop">Vox Pop</a></div> </div> </div> <div class="footerColumn"> <div class="footerMenu">IKUTI KAMI</div> <div class="footerSocial"> <a href="mailto:kompasiana@kompasiana.com"><span class="ico ico--mail"></span></a> <a href="https://www.facebook.com/KOMPASIANAcom/?locale=id_ID"><span class="ico ico--fb"></span></a> <a href="https://twitter.com/kompasiana"><span class="ico ico--x"></span></a> <a href="https://www.instagram.com/kompasianacom/?hl=en"><span class="ico ico--ig"></span></a> <a href="https://www.tiktok.com/@kompasiana.com"><span class="ico ico--tk"></span></a> <a href="https://www.youtube.com/@KompasianaTV"><span class="ico ico--yt"></span></a> </div> </div> </div> <div class="footerWrap"> <div class="footerCopyright"> 漏 2024 Kompasiana.com. A subsidiary of <a href="//kgmedia.id" target="_blank" rel="noopener">KG Media</a>. All Rights Reserved </div> </div> </div> </footer>   <div class="floating -dark"> <div class="floatingBox"> <div class="floatingWrap align-center"> <button onclick="document.getElementById('nilai-section').scrollIntoView({behavior: 'smooth'});" class="floatingLink" aria-label="Like this article"> <span class="icon icon-like"></span><span>2</span> </button> <button onclick="document.getElementById('comment-section').scrollIntoView({behavior: 'smooth'});" class="floatingLink" aria-label="Comment this article"> <span class="icon icon-comment"></span><span>0</span> </button> <div class="floatingCta align-center"> <a href="javascript:void(0);" onclick="wa_share('*Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia*','https://www.kompasiana.com/evin/66fcb9ab34777c515747c725/metaverse-kunci-untuk-membuka-potensi-ekonomi-baru-di-indonesia')" target="_blank" rel="noopener noreferrer" aria-label="Whatsapp link" class="floatingCta__wa align-center"><span class="icon icon-wa"></span></a> <div class="timeline__flag" title="Report"> <a href="javascript:void(0);" class="timeline__flag_report -reportChoose"></a> <div class="reportbtnMenu"> <div class="reportbtnMenu__item -reportKonten btnReportKonten postRibbon" data-post="66fcb9ab34777c515747c725">Laporkan Konten</div> <div class="reportbtnMenu__item -reportAkun btnReportAkun postRibbon" data-user="65fa541ac57afb29f666f403">Laporkan Akun</div> </div> </div> </div> </div> </div> </div>   <link rel="preload" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery.min.js?v=518" as="script"> <script type="text/javascript" src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery.min.js?v=518"></script>    <link rel="preload" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/slick/dev/slick.min.js?v=518" as="script"> <script type="text/javascript" src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/slick/dev/slick.min.js?v=518"></script> <script> function show_activity() { $("#activity_popup").addClass('active'); $("#activity_popup").css({'display': 'block'}); } if ($('div.timeline--event__item').length==0) { $('.timeline--event').hide(); } var isKompasianer = ""; var isActivity = ""; var pagePosition = $('.page_position').data('position'); var shortUrl = $('.page_position').data('profile'); var menu = $('.page_position').data('menu'); var postId = $('#id_post').data('id'); var read = $('.page_position').data('read'); var channel = $('.page_position').data('channel'); var setPage = 'read'; var page_id = 'read'; var currentState = location.pathname.substring(1); var next_url = 'aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vZXZpbi82NmZjYjlhYjM0Nzc3YzUxNTc0N2M3MjUvbWV0YXZlcnNlLWt1bmNpLXVudHVrLW1lbWJ1a2EtcG90ZW5zaS1la29ub21pLWJhcnUtZGktaW5kb25lc2lh'; $.ajax({ type: "POST", url: "https://www.kompasiana.com/ajax/get_user", data: { page: pagePosition, short_url: shortUrl, menu: menu, postId: postId, read: read, channel: channel, next_url: next_url }, success: function(res) { data = JSON.parse(res); isKompasianer = data['isKompasianer']; isActivity = data['isActivity']; isAgreement = data['isAgreement']; isGrup = data['isGrup']; isInterest = data['isInterest']; isPremium = data['isPremium']; $("#header_detail").after(data['header']); $("#header_detail").remove(); $('#banner_register').after(data['banner_register']); $('#banner_register').remove(); $('#channel_pilihan').html(data['sidebar']); $('#activity_popup').html(data['activity']); $('#banner_welcome').after(data['banner_welcome']); $('#banner_welcome').remove(); if (pagePosition == 'profile') { $('#profile_cover').html(data['profile']); $('#profile_navbar').html(data['navbar']); if(data['short_url'] == ""){ if (arr_edit_url.length) { arr_edit_url.forEach((url_to_e) => { var url_edit = ` <div class="artikel--count__item"><a href="https://www.kompasiana.com//dashboard/write/` + url_to_e + `"><div class="icon"><svg class="icon icon-edit"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-edit"></use></svg></div>EDIT</a> </div> `; $('#show_e_' + url_to_e).prepend(url_edit); }); arr_edit_url = []; } } } else if (pagePosition == 'read') { $('#follow_read').html(data['follow_read']); // $('#post-counter').html(data['count_pv']); $('#button_footer_read').html(data['button_footer_read']); } // generate cookie for premium or regular.. if(isPremium){ var date = new Date(data['isPremiumDate'] * 1000); var name = 'premium'; var value = true; var check_cookie = getCookie(name) if(!check_cookie){ expires = "; expires=" + date.toUTCString(); document.cookie = name + "=" + (value || "") + expires + "; domain=.kompasiana.com; path=/"; } }else{ var name = 'premium'; document.cookie = name+'=; Max-Age=-99999999; domain=.kompasiana.com; path=/'; document.cookie = name+'=; Max-Age=-99999999; domain=www.kompasiana.com; path=/'; document.cookie = name+'=; Max-Age=-99999999; domain=kompasiana.com; path=/'; } if (isKompasianer == true && isAgreement == false) { setTimeout(function() { window.location.replace("https://www.kompasiana.com/snk"); }, 5000); } }, error: function(e) { console.log(e); } }); </script>  <script defer src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/headernews.min.js?v=518"></script>  <script defer src="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/js/svgxuse.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/bootstrap.min.js?v=518"></script> <script async src="https://asset.kompas.com/kgnotif/2024/09/27/kompasiana.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery.sticky-kit.min.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery-redirect.min.js?v=518"></script>  <script type="text/javascript"> $(document).on('click', '.yuk-nulis', function() { if (isKompasianer) { if (!isActivity) { // check user activity show_activity(); // show user activity return false; } } return true; }); var base_url = "https://www.kompasiana.com/"; var ajax_loader = "https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/images/loader-small.svg"; var ajax_loader_horizontal = "https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/images/loader.svg"; var notifAjax = false; $(document).ready(function() { size = parseInt($(".panel-body").css("font-size")), line = parseInt($(".panel-body").css("line-height")), $("#big").on("click", function() { size += 2, line += 5, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }), size <= 26 ? $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }) : (size = 26, line = 51, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" })) }), $("#small").on("click", function() { size -= 2, line -= 5, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }), size >= 12 ? $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }) : (size = 12, line = 16, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" })) }) }); $(document).on('click', '#reactivate', function() { if (confirm('Anda akan mereaktivasi akun. Lanjutkan?')) { $.ajax({ type: "POST", url: "/ajax/reactivate", data: data, beforeSend: function() { $('#reactivate').hide(); // hide button }, success: function(response) { var res = $.parseJSON(response); if (res.status == 1) { $('#reactivate').after('<p style="color: green">' + res.message + '</p>'); $('#reactivate').remove(); // show button // setTimeout(function(){ window.location.href = 'https://www.kompasiana.com/'; }, 5000); } else { $('#reactivate').after('<p style="color: red">' + res.message + '</p>'); $('#reactivate').show(); // show button } }, error: function(xhr) { console.log(xhr); } }); } }); function redirectLogin() { window.location = 'https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vZXZpbi82NmZjYjlhYjM0Nzc3YzUxNTc0N2M3MjUvbWV0YXZlcnNlLWt1bmNpLXVudHVrLW1lbWJ1a2EtcG90ZW5zaS1la29ub21pLWJhcnUtZGktaW5kb25lc2lh'; } </script> <script> if(document.cookie.indexOf('ukid=') == -1){ $.ajax({ url: 'https://apis.kompas.com/api/activity/user', type: 'get', dataType: "json", success: function (res) { let ukid = res.ukid; let date = new Date(); date.setDate(date.getDate() + 1); let expired = date.toUTCString(); let domain = '.kompasiana.com'; document.cookie = "ukid="+ ukid +"; expires="+ expired +"; domain="+ domain +"; path=/"; // set cookie } }); } </script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/photoswipe.min.js"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/photoswipe-ui-default.min.js"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/script-min.js"></script> <script type="text/javascript"> // if(cekIsMobile() === false) { // } $(window).scroll(function (e) { if($('.read-footer').length){ if($(this).scrollTop() >= $('.read-footer').offset().top + 100){ $('.konten__menarik').show(); } else { $('.konten__menarik').hide(); } } }); if(cekIsMobile()) { $(window).scroll(function(){ if($('#read_more').is(':visible')){ $more = $('#read_more').offset().top - 600; $scroll = $(window).scrollTop(); if($scroll >= $more) { $('#read_more').remove(); loadRating(); loadListRating('list-rating'); loadMoreComments(); loadResponses($("#responses")); } } }); } $('.konten__menarik--close').click(function() { $('.konten__menarik').remove(); }); $(document).on('click', '#btnSendMsg', function(e){ e.preventDefault(); var following = $('.is_following').attr('data-follow'); if(following != '1'){ alert('Follow '+$(this).attr('data-fname')+', agar Anda dapat mengirimkan pesan.'); return false; }else{ $.ajax({ type: "GET", url: "/ajax/findChat", data: {channel_id: $(this).attr('data-fid')}, crossDomain: false, dataType: 'json', success: function(response) { window.location = response['url']; } }); } }); $(document).on('click', '.opini-post--wrapper', function (event) { $(this).find('.opini-post--content').toggleClass('expand'); $(this).find(".expand-comment").toggleClass("expand-comment--relative") // // $(".expand-comment").html("-"); if ($(this).find(".opini-post--content").hasClass("expand")) { $(this).find(".expand-comment-btn").html("-"); } else { $(this).find(".expand-comment-btn").html("+"); } }); var time = new Date().getTime(); $(document.body).bind("mousemove keypress", function(e) { time = new Date().getTime(); }); $(document).on('click', '#new_conversation', function(e){ e.preventDefault(); var $t = $(this); var id = $(this).attr('data-id'); var full = $(this).attr('data-full'); var nick = $(this).attr('data-nick'); var sender = $(this).attr('data-sender'); var avatar = $(this).attr('data-avatar'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } var url = base_url+sender+'/dashboard/conversation/new'; $.redirect(url, {id : id, nick_name : nick, full_name : full, avatar: avatar}); }); $(document).on('click', '#follow', function(e){ e.preventDefault(); var $t = $(this); var cid = $(this).attr('data-id'); var location = $(this).attr('data-location'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } if(location == null) { var replace = '<a href="#" id="unfollow" class="is_following" data-id='+cid+' data-follow="1"><span>UNFOLLOW</span></a>'; } else { var replace = '<a href="#" data-location="friends" id="unfollow" data-id='+cid+'><span>UNFOLLOW</span></a>'; } $.ajax({ type: "POST", url: "/ajax/follow", data: {cid: cid}, dataType: 'json', success: function(response) { $t.replaceWith(replace).fadeIn(); } }); //btn-follow mt10 }); $(document).on('click', '#unfollow', function(e){ e.preventDefault(); var $t = $(this); var cid = $(this).attr('data-id'); var location = $(this).attr('data-location'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } if(location == null) { var replace = '<a href="#" id="follow" class="is_following" data-id='+cid+' data-follow="0"><span>FOLLOW</span></a>'; } else { var replace = '<a href="#" id="follow" data-location="friends" data-id='+cid+'><span>FOLLOW</span></a>'; } $.ajax({ type: "POST", url: "/ajax/unfollow", data: {cid: cid}, dataType: 'json', success: function(response) { $t.replaceWith(replace).fadeIn(); } }); //btn-small mt10 }); var page_rating = 4; var curr_rating = 0; var rating_total = 0; if(cekIsMobile() === false){ page_rating = 10; } function lessListRating(total_all_rate){ let l_rate = $('.rating_post__list'); if (l_rate.hasClass('active')){ l_rate.removeClass('active'); $('#load-more-rating').html('Lebih Sedikit'); } else { l_rate.addClass('active'); $('#load-more-rating').html('Selengkapnya ('+total_all_rate+')'); } } function loadListRating(from){ if(from == 'list-rating'){ var e = $("#id_post"); } else if(from == "load-more-rating"){ var e = $("#id_post"); $('.rating_post__list').removeClass('active'); } var post_id = e.attr('data-id'); var page = (from == "load-more-rating") ? $("#load-more-rating").attr('data-page') : '1'; var img = ajax_loader; $("#load-image-rating").html("<img width='48' height='48' src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); $("#more-stories-rating").hide(); $.ajax({ type: "GET", url: "/ajax/list_ratings", data: {post_id: post_id, page: page, per_page: page_rating}, dataType: 'json', beforeSend: function () { $("#load-image").html("<img width='48' height='48' src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); $("#load-image-rating").after('<div id="remove_listrating_loading">Loading...</div>'); $("#more-stories-rating").hide(); }, success: function(response) { $("#remove_listrating_loading").remove(); if(response.data_array.current_page != response.data_array.total_pages && response.data_array.total_pages != "0"){ $("#more-stories-rating").show(); } else if(response.data_array.total_pages == "0"){ $("#more-stories-rating").hide(); $('#rating_none').show(); } else{ var $lm_rate = $('#load-more-rating'); if(cekIsMobile() === false) { if(response.data_array.total>3 && response.data_array.total<=10){ rating_total = response.data_array.total - 3 $lm_rate.html('Selengkapnya ('+rating_total+')'); }else{ $lm_rate.html('Lebih Sedikit'); } }else{ if(response.data_array.total>2 && response.data_array.total<=4){ rating_total = response.data_array.total - 2 $lm_rate.html('Selengkapnya ('+rating_total+')'); }else{ $lm_rate.html('Lebih Sedikit'); } } $("#more-stories-rating").show(); $lm_rate.attr('onclick', 'lessListRating('+rating_total+')'); } $("#load-image-rating").hide(); $("#load-more-rating").attr("data-page", response.data_array.current_page+1); if(curr_rating == 0){ if(cekIsMobile() === false) { curr_rating = response.data_array.total - page_rating + 7; }else{ curr_rating = response.data_array.total - page_rating + 2; } rating_total = curr_rating }else{ curr_rating = curr_rating - page_rating } if(page==2){ if(cekIsMobile() === false) { curr_rating = curr_rating - 7 }else{ curr_rating = curr_rating - 2 } } $('#total_rates').html(curr_rating); if(from == "list-rating"){ $('#listRating').html(response.data_array.list_rate); } else{ $('#listRating').append(response.data_array.list_rate); } $("#load-image").hide(); $('#modalListRatingLabel').html("Total Nilai : "+response.data_array.total); } }); }; $(document).on('click', '#user-issued', function(e) { e.preventDefault(); var data_url = $(this).data('url'); var data_user = $(this).data('user'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect('/' + data_user + '/issued', {data_url : data_url}); }); $(document).on('click', '#send-article', function(e){ e.preventDefault(); var $t = $(this); var tags = $(this).data('tags'); var channel = $(this).data('channel'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect(base_url+channel+'/dashboard/write', {tags_topic : tags}); }); function fb_share(title,url) { if(cekIsMobile() === false) { url = url+'?utm_source=Facebook&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ url = url+'?utm_source=Facebook&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } u = url; t = title; window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function tweet_share(status) { if(cekIsMobile() === false) { status = status+'?utm_source=Twitter&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ status = status+'?utm_source=Twitter&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } u = status; window.open('https://twitter.com/intent/tweet?text='+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function plus_share(url){ u = url; window.open('https://plus.google.com/share?url='+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function linkedin_share(url){ if(cekIsMobile() === false) { url = url+'?utm_source=Linkedin&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ url = url+'?utm_source=Linkedin&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } u = url; window.open('https://www.linkedin.com/shareArticle?mini=true&url='+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function telegram_share(title,url) { if(cekIsMobile() === false) { url = url+'?utm_source=Telegram&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ url = url+'?utm_source=Telegram&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } u = url; t = title; window.open('https://t.me/share/url?url='+encodeURIComponent(u)+'&text='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function wa_share(title,url) { if(cekIsMobile() === false) { url = url+'?utm_source=Whatsapp&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ url = url+'?utm_source=Whatsapp&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } u = url; t = title; window.open('https://api.whatsapp.com/send?text='+encodeURIComponent(t)+'%0a %0a'+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } // share ig story function loadImages(sources, callback) { var images = {}; var loadedImages = 0; var numImages = 0; // get num of sources for (var src in sources) { numImages++; } for (var src in sources) { images[src] = new Image(); images[src].onload = function () { if (++loadedImages >= numImages) { callback(images); } }; images[src].onerror =imageError; images[src].src = sources[src]; images[src].setAttribute('crossorigin', 'anonymous'); } } function imageError(){ alert('Terjadi Kesalahan. Silakan coba lagi') } let myFont = new FontFace( "Abril Fatface", "url(https://fonts.gstatic.com/s/abrilfatface/v12/zOL64pLDlL1D99S8g8PtiKchq-dmjQ.woff2)" ); myFont.load().then(function (font) { // Ready to use the font in a canvas context document.fonts.add(font); console.log("Font loaded"); }); function ig_share(title,author,thumbnail,url_article) { var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); var text = title.slice(0, 60) + (title.length > 60 ? "..." : ""); var textwriter = 'oleh '+author; if(thumbnail=='https://assets-a2.kompasiana.com/?t=o&v=500'){ alert('Oops. Hanya bisa share Konten yg memiliki image') return false } var sources = { image1: 'https://assets.kompasiana.com/statics/2021/mobile/images/bg-igs.png?v=1', image2: thumbnail+'&time='+Math.round(+new Date()/1000) }; loadImages(sources, function (images) { context.drawImage(images.image1, 0, 0); context.drawImage(images.image2, 0, 360); context.fillStyle = "#17ccf7"; context.fillRect(20, 190, 150, 20); context.font = "400 14px Roboto"; context.fillStyle = "#005c9b"; context.textAlign = "left"; context.fillText(textwriter, 20, 160); context.font = "400 38px Abril Fatface"; context.fillStyle = "#005c9b"; context.textAlign = "left"; printAtWordWrap(context, text, 20, 200, 44, 460); var url = canvas.toDataURL(); fetch(url) .then(function (response) { return response.blob() }) .then(function (blob) { var file = new File([blob], "picture.jpg", { type: 'image/jpeg' }); var filesArray = [file]; if (navigator.canShare && navigator.canShare({ files: filesArray })) { navigator.share({ text: text, files: filesArray, title: text, url: url_article }); }else{ alert('Maaf, fitur ini belum didukung oleh perangkat Anda') } }) .catch(function (error) { console.log(error); }); }); } function printAtWordWrap(context, text, x, y, lineHeight, fitWidth) { fitWidth = fitWidth || 0; if (fitWidth <= 0) { context.fillText(text, x, y); return; } var words = text.split(' '); var currentLine = 0; var idx = 1; while (words.length > 0 && idx <= words.length) { var str = words.slice(0, idx).join(' '); var w = context.measureText(str).width; if (w > fitWidth) { if (idx == 1) { idx = 2; } context.fillText(words.slice(0, idx - 1).join(' '), x, y + (lineHeight * currentLine)); currentLine++; words = words.splice(idx - 1); idx = 1; } else { idx++; } } if (idx > 0) context.fillText(words.join(' '), x, y + (lineHeight * currentLine)); } function cekIsMobile(){ var isMobile = false; //initiate as false // device detection if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) isMobile = true; return isMobile; } if(cekIsMobile() === false) { $(document).ready(function() { // $('#load-more-rating').hide(); //skyscrapper $(".sticky-right").stick_in_parent({ parent: ".sticky-parent", inner_scrolling: false, spacer: false, offset_top: 0, }).on('sticky_kit:bottom', function (e) { //console.log('stuck'); $(this).css('position', 'sticky'); $(this).css('top', '0'); $(this).css('bottom', 'unset'); }).on('sticky_kit:unbottom', function (e) { // console.log('unstuck'); }); $( ".persen" ).hide(); $(document).on('click', '#tag', function () { // $(this).next('.persen').toggle( "slow", function() { $('.persen').show( "fast", function() { if ($(this).is(':visible')) $(this).css('display','block'); }); }); }); } $(function() { var $el, $ps, $up, totalHeight; var heightR = $(".read-biografi__desc--p").height(); var heightL = $(".read-biografi__desc").height(); if(heightL>heightR){ $(".load-more--bio").fadeOut();$(".close--bio").fadeOut(); } $(".load-more--bio").click(function() { // IE 7 doesn't even get this far. I didn't feel like dicking with it. totalHeight = 0 $up = $(".read-biografi__desc"); $ps = $up.find(".read-biografi__desc--p"); // measure how tall inside should be by adding together heights of all inside paragraphs (except read-more paragraph) $ps.each(function() { totalHeight += $(this).outerHeight(); // FAIL totalHeight += $(this).css("margin-bottom"); }); $up .css({ // Set height to prevent instant jumpdown when max height is removed "height": $up.height(), "max-height": 9999 }) .animate({ "height": totalHeight }); // fade out read-more $(".load-more--bio").fadeOut(); $(".close--bio").fadeIn(); // prevent jump-down return false; }); $(".close--bio").click(function() { if(cekIsMobile === false){ var height = 82; } else { var height = 75; } $down = $(".read-biografi__desc"); $down .css({ "height": "82px", "max-height": "" }) .animate({ "height": height }); // fade out read-more $(".close--bio").fadeOut(); $(".load-more--bio").fadeIn(); // prevent jump-down return false; }); }); // hide selanjutnya var length_desc = $(".read-biografi__desc--p").text().length if(length_desc>=300){ $(".load-more--bio").show(); } function loadRating() { var e = $('#load-more-rating'); var img = ajax_loader; var perPage = e.attr('data-perpage'); var page = e.attr('data-page'); var holder = e.attr("data-holder"); var id = $('#id_post').attr('data-id'); $("#load-image").html("<img width='48' height='48' src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); $('#beri_nilai').hide(); // request pertama kali if(page==1){ // block code dibawah $.ajax({ type: "GET", url: "/ajax/ratings?id_post="+id, dataType: 'json', async: false, beforeSend: function() { $('#ul_beri_nilai').html('Loading...'); }, success: function(response) { // $("#more-stories-rating").remove(); $("#load-image").hide(); $('#ul_beri_nilai').html(response.data_array.view); // $('#listRating').html(response.data_array.list_rate); // $('#modalListRatingLabel').html("Total Nilai : "+response.data_array.total); // if(response.data_array.current_page == response.data_array.total_pages){ // $("#more-stories-rating").remove(); // } if (response.data_array.is_rated_post){ $('#btn-nilai').hide(); $('#spn-nilai').hide(); } } }); }else{ $.ajax({ type: "GET", url: "/ajax/ratings?id_post="+id+"&page="+page, dataType: 'json', async: false, success: function(response) { $("#listRating").append(response.data_array.list_rate); if(response.data_array.current_page == response.data_array.total_pages){ $("#more-stories-rating").remove(); } e.attr("data-page", parseInt(page)+1); if (response.data_array.is_rated_post){ $('#btn-nilai').hide(); $('#spn-nilai').hide(); } } }); } $("#load-image").hide(); if ($('.nilai-user').length == $('.nilai-user:visible').length) { e.hide(); } } var rateInProgress = false; $(document).on('click', 'a#rate', function(e){ var value = $(this).attr('data-rate'); var post_id = $('#id_post').attr('data-id'); var recipient_id = $('#id_post').attr('data-recipientid'); var title = $('#id_post').attr('data-posttitle'); var redirect_url = $('#id_post').attr('data-redirecturl'); var div = $('#load-more-rating'); e.preventDefault(); if(!isKompasianer){ alert("Anda Harus Login Untuk Memberi Rating Tulisan Ini"); redirectLogin(); return; } if (!isActivity) { // check user activity show_activity(); // show user activity return false; } if(rateInProgress){ alert("Penilaian Anda sedang diproses"); return false; } $.ajax({ type: "POST", url: "/ajax/post_rating", data: {rate_id: value, id_post: post_id, recipient_id: recipient_id, title: title, redirect_url: redirect_url}, dataType: 'json', beforeSend: function(){ rateInProgress = true; }, success: function(response){ if(response.response_code==200){ div.attr("data-page", 1); page_rating = 4; curr_rating = 0; rating_total = 0; if(cekIsMobile() === false){ page_rating = 10; } loadRating(); $('#rating_none').remove(); loadListRating('list-rating'); $("#msg-success-rate").html("Sukses"); $("#msg-success-rate").css({"padding": "5px"}); } else { alert(response.message); } } }).done(function() { rateInProgress = false; }); }); // load more comments function loadMoreComments() { let $comment_holder = $('.komentar-list-holder'); // comment holder let $image_loading = $('#load-image-komentar'); // comment loading let $comment_count = $('#jlh-comment'); // comment count let $komentarAll = $('#komentarAll'); // button open comment page let $komentar__cap = $('#komentar__cap'); // comment caption if comment doesnt exist let post_id = $('#id_post').attr('data-id'); // post id let post_channel_id = $('#id_post').attr('data-recipientid'); // post channel id let page_id = 'read'; if(cekIsMobile() === true) { page_id = 'read_mobile'; } let ajax_config = { url: `/ajax/load_more_comments/?post_id=${post_id}&post_channel_id=${post_channel_id}&page=1&per_page=5&sort=terbaru&page_id=${page_id}`, type: 'get', dataType: 'json', beforeSend: function () { $image_loading.attr('src', ajax_loader).show(); $comment_holder.before('<div id="remove_comment_loading">Loading...</div>'); }, success: function (res) { $("#remove_comment_loading").remove(); if(res.total > 0){ $komentarAll.text(`Lihat Semua Komentar (${res.total})`) $komentarAll.show(); $komentar__cap.remove(); } $comment_holder.append(res.view); // append comments $comment_count.text(`${res.total} Komentar`); // comment count }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $image_loading.hide(); } }; $.ajax(ajax_config); } // click trigger load more $(document).on('click', '#load-more-komentar', function (e) { e.preventDefault(); loadMoreComments(); }); // click trigger like and dislike $(document).on('click', '.like_dislike-comment', function (e) { e.preventDefault(); let $this = $(this); // this button let $parent = $this.closest('.komentar-tools'); // parent let $counter = $this.find('#like-counter'); // like counter // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu'); redirectLogin(); return; } let counter = parseInt($counter.text()); // like counter value let comment_id = $this.closest('.komentar-item').data('id'); // comment id let type = $this.data('type'); // data type like or dislike depend on action let ajax_config = { url: '/ajax/likedislike_comment', type: 'post', dataType: 'json', data: { comment_id: comment_id, type: type }, success: function (res) { // check error if (res.status == 'error') { // check already liked if (res.message == 'already liked') { $this.prepend('<span id="liked">Liked </span>'); // append text liked if already like $this.data('type', 'dislike'); // change data type to dislike } return; } // check type if (type == 'like') { $this.data('type', 'dislike'); // change data type to dislike $this.prepend('<span id="liked">Liked </span>'); // append text liked $counter.text(counter+1); // counter ++ } else { $this.data('type', 'like'); // change data type to like $this.find('#liked').remove(); // remove text liked $counter.text(counter-1); // counter -- } }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); } }; $.ajax(ajax_config); // do ajax }); // click trigger balas $(document).on('click', '.reply-comment', function (e) { e.preventDefault(); let $this = $(this); // this button let $parent = $this.closest('.komentar-tools'); // parent let $reply_form = $('#komen-reply'); // reply form $reply_form.appendTo($parent).slideToggle(); }); // submit trigger balas $(document).on('submit', '#komen-reply', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } // check activity if (!isActivity) { show_activity(); return; } let $this = $(this); // this form let $textarea = $this.find('#text'); // text let $id_post = $('#id_post'); // id post let textarea_content = $textarea.val(); // text content let post_id = $id_post.attr('data-id'); // post id let comment_id = $this.closest('.komentar-item').data('id'); // comment id let parent_comment_id = $this.closest('.komentar-item').closest('.komentar-item').data('id') || comment_id; // parent comment id let recipient_id = $id_post.attr('data-recipientid'); // channel id recipient 1 let recipient_id_2 = $this.closest('.komentar-item').data('channel_id'); // channel id recipient 2 let post_title = $id_post.attr('data-posttitle'); // post title let redirect_url = $id_post.attr('data-redirecturl'); // redirect url // check text content if (!textarea_content || isWhitespaceOrEmpty(textarea_content)) { alert('Text harus diisi!'); $textarea.focus(); return; } let ajax_config = { url: '/ajax/post_comment', type: 'post', dataType: 'json', data: { text: textarea_content, id_post: post_id, parent_id: parent_comment_id, child: comment_id, recipient_id: recipient_id, recipient_id_2: recipient_id_2, title: post_title, redirect_url: redirect_url }, beforeSend: function () { $this.hide(); $(`<img width='48' height='48' id="loader" src=${ajax_loader} />`).insertAfter($this); }, success: function (res) { // check response if (res.response_code != 200) { $this.show(); alert(res.message); return; } $this.closest('.komentar-item').find('ul:first').append($(res.data_array.view)); // append new comment $textarea.val(''); // empty text goToByScroll(`komentar_list_${res.data_array.id_comment}`); }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $this.next('img#loader').remove(); } }; $.ajax(ajax_config); // do ajax }); // click trigger laporkan $(document).on('click', '.report-comment', function (e) { e.preventDefault(); let $this = $(this); // this button let $parent = $this.closest('.komentar-tools'); // parent let $report_form = $('#komen-report'); // report form $report_form.appendTo($parent).slideToggle(); }); // submit trigger laporkan $(document).on('submit', '#komen-report', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } let $this = $(this); // this form let $textarea = $this.find('#text'); // text let textarea_content = $textarea.val(); // text content let comment_id = $this.closest('.komentar-item').data('id'); // comment id // check content if (!textarea_content || isWhitespaceOrEmpty(textarea_content)) { alert('Text harus diisi!'); $textarea.focus(); return; } let ajax_config = { url: '/ajax/issued_post', type: 'post', dataType: 'json', data: { text: textarea_content, comment_id: comment_id }, beforeSend: function () { $this.hide(); $(`<img width='48' height='48' id="loader" src=${ajax_loader} />`).insertAfter($this); }, success: function (res) { // check error if ('error' in res || res.status != 1) { $this.show(); alert(res.error); return; } alert(res.msg); $textarea.val(''); }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $this.next('img#loader').remove(); } }; $.ajax(ajax_config); // do ajax }); // click trigger hapus $(document).on('click', '.delete-comment', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } // confirmation if (!confirm('yakin dihapus?')) { return; } let $this = $(this); let $text = $this.closest('.komentar-item').find('.komentar-text:first'); // comment text let comment_id = $this.closest('.komentar-item').data('id'); // comment id let ajax_config = { url: '/ajax/delete_comment', type: 'post', dataType: 'json', data: { id: comment_id }, success: function (res) { // check error if (res && 'error' in res) { alert(res.error); return; } $text.css({color: 'red'}).text('Komentar dihapus'); }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); } }; $.ajax(ajax_config); // do ajax }); // click trigger edit $(document).on('click', '.edit-comment', function (e) { e.preventDefault(); let $this = $(this); // this button let $parent = $this.closest('.komentar-tools'); // parent let $edit_form = $('#komen-edit'); // edit form let $textarea = $edit_form.find('#text'); // textarea let text_content = $this.closest('.komentar-item').find('.komentar-text:first').text(); // get content $textarea.val(text_content); // set content $edit_form.appendTo($parent).slideToggle(); }); // submit trigger edit $(document).on('submit', '#komen-edit', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } let $this = $(this); // this form let $textarea = $this.find('#text'); // text let $comment_text = $this.closest('.komentar-item').find('.komentar-text'); // comment text let textarea_content = $textarea.val(); // text content let comment_id = $this.closest('.komentar-item').data('id'); // comment id // check content if (!textarea_content || isWhitespaceOrEmpty(textarea_content)) { alert('Text harus diisi!'); $textarea.focus(); return; } let ajax_config = { url: '/ajax/update_comment', type: 'post', dataType: 'json', data: { text: textarea_content, id: comment_id }, beforeSend: function () { $this.hide(); $(`<img width='48' height='48' id="loader" src=${ajax_loader} />`).insertAfter($this); }, success: function (res) { // check error if ('error' in res || res.status != 1) { $this.show(); alert(res.error); return; } alert(res.msg); $textarea.val(''); $comment_text.text(textarea_content); }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $this.next('img#loader').remove(); } }; $.ajax(ajax_config); // do ajax }); // submit trigger comment submit $(document).on('submit', '#komen-submit', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } // check activity if (!isActivity) { show_activity(); return; } let $this = $(this); // this form let $textarea = $this.find('#text'); // text let $id_post = $('#id_post'); // id post let $komentar__cap = $('#komentar__cap'); // no comment exist caption let $komentarAll = $('#komentarAll'); // go to comment page button let $komentar_list_first = $this.closest('.komentar').find('.komentar-list').find('.komentar-item'); // komentar list first item let $komentar_list = $this.closest('.komentar').find('.komentar-list'); // get komentar list let textarea_content = $textarea.val(); // text content let post_id = $id_post.attr('data-id'); // post id let recipient_id = $id_post.attr('data-recipientid'); // channel id recipient 1 let post_title = $id_post.attr('data-posttitle'); // post title let redirect_url = $id_post.attr('data-redirecturl'); // redirect url // check content if (!textarea_content || isWhitespaceOrEmpty(textarea_content)) { alert('Text harus diisi!'); $textarea.focus(); return; } let page_id = 'read'; if(cekIsMobile() === true) { page_id = 'read_mobile'; } let ajax_config = { url: '/ajax/post_comment', type: 'post', dataType: 'json', data: { text: textarea_content, id_post: post_id, recipient_id: recipient_id, title: post_title, redirect_url: redirect_url, page_id: page_id }, beforeSend: function () { $this.hide(); $(`<img width='48' height='48' id="loader" src=${ajax_loader} />`).insertAfter($this); }, success: function (res) { // check error if (res.response_code != 200) { alert(res.message); return; } $komentar__cap.hide(); $komentarAll.text(`Lihat Semua Komentar (${parseInt($komentarAll.text().replace(/[^0-9.]/g, ""))+1})`) $komentarAll.show(); $textarea.val(''); $komentar_list_first.remove(); $komentar_list.append($(res.data_array.view)); // prepend new comment goToByScroll(`komentar_list_${res.data_array.id_comment}`); // scroll to comment }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $this.show(); $this.next('img#loader').remove(); } }; $.ajax(ajax_config); // do ajax }); function loadPostByTag() { var e = $('#load-more-index-tag'); var holder = e.attr("data-holder"); var img = ajax_loader; var perPage = e.attr('data-perpage'); var page = e.attr('data-page'); var tags = e.attr("data-tags"); e.hide(); $("#load-image-tag").html("<img width='48' height='48' src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); $.ajax({ type: "GET", url: "/ajax/tag/topil?per_page=" + perPage + "&page=" + page + "&tags=" + tags, dataType: 'json', success: function(response) { $("#load-image-tag").hide(); if (response.data_array.current_page >= response.data_array.total_page) { e.hide(); } else { e.attr('style', 'cursor:pointer !important'); e.text('Load More'); e.attr("data-perpage", response.data_array.per_page); e.attr("data-page", response.data_array.current_page + 1); } if(page==1){ $("#" + holder).html(response.data_array.view).fadeIn(); }else{ $("#" + holder).append(response.data_array.view).fadeIn(); } } }); } function like(comment_id){ if(!isKompasianer){ alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } var counter = document.getElementById("counterlike_"+comment_id).innerText; $.ajax({ url: "/ajax/likedislike_comment", data: { "comment_id": comment_id, "type": "like" }, type: 'POST', dataType:"json", success: function(result){ if(result.status == "error"){ alert(result.message); if(result.message == "already liked"){ $("#like_"+comment_id).prepend('Liked'); setCookie("like_"+comment_id,1,365); $('#like_'+comment_id).prop('onclick',null).off('click'); $('#dislike_'+comment_id).prop('onclick',null).off('click'); } } else{ $("#like_"+comment_id).prepend('Liked'); setCookie("like_"+comment_id,1,365); document.getElementById("counterlike_"+comment_id).innerHTML = parseInt(counter)+1; $('#like_'+comment_id).prop('onclick',null).off('click'); $('#dislike_'+comment_id).prop('onclick',null).off('click'); } } }); } function dislike(comment_id){ if(!isKompasianer){ alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } var counter = document.getElementById("counterlike_"+comment_id).innerText; var strLike = document.getElementById("dislike_"+comment_id).innerText; $.ajax({ url: "/ajax/likedislike_comment", data: { "comment_id": comment_id, "type": "dislike" }, type: 'POST', dataType:"json", success: function(result){ if(result.status == "error"){ alert(result.message); } else{ setCookie("like_"+comment_id,1,0); $('#dislike_'+comment_id).html($('#dislike_'+comment_id).html().replace('Liked','')); document.getElementById("counterlike_"+comment_id).innerHTML = parseInt(counter)-1; $('#like_'+comment_id).prop('onclick',null).off('click'); $('#dislike_'+comment_id).prop('onclick',null).off('click'); } } }); } function prokontra(slug,type_prokontra){ $.redirect('/prokontra/' + slug, {type : type_prokontra}); } function favorit(post_id){ var img = ajax_loader; $("#"+post_id+"_load-image-favorit").html("Loading...").show(); $("#"+post_id+"_favorit").hide(); $.ajax({ type:"POST", url :"/ajax/favorite_artikel", data : {post_id: post_id}, dataType:"json", success: function(response) { $("#"+post_id+"_load-image-favorit").hide(); if(response.status == 'error'){ $("#"+post_id+"_favorit").show(); alert(response.message); } else{ $("#"+post_id+"_favorit").show(); document.getElementById(post_id+"_favorit").innerHTML = "-"; $("#button_"+post_id).addClass("timeline__ribbon--remove"); document.getElementById(post_id+"_load-image-favorit").setAttribute("id",post_id+"_load-image-unfavorit"); document.getElementById(post_id+"_favorit").setAttribute("onclick","un_favorit('"+response.post_id+"','"+response.favorita_id+"')"); document.getElementById(post_id+"_favorit").setAttribute("id",post_id+"_unfavorit"); alert(response.message); } } }); } function un_favorit(post_id, favorit_id){ var img = ajax_loader; $("#"+post_id+"_load-image-unfavorit").html("Loading...").show(); $("#"+post_id+"_unfavorit").hide(); $.ajax({ type:"POST", url :"/ajax/un_favorite_artikel", data : {post_id: post_id, favorit_id: favorit_id}, dataType:"json", success: function(response) { $("#"+post_id+"_load-image-unfavorit").hide(); if(response.status == 'error'){ $("#"+post_id+"_unfavorit").show(); alert(response.message); } else{ $("#"+post_id+"_unfavorit").show(); document.getElementById(post_id+"_unfavorit").innerHTML = "+"; $("#button_"+post_id).removeClass("timeline__ribbon--remove"); document.getElementById(post_id+"_load-image-unfavorit").setAttribute("id",post_id+"_load-image-favorit"); document.getElementById(post_id+"_unfavorit").setAttribute("onclick","favorit('"+post_id+"')"); document.getElementById(post_id+"_unfavorit").setAttribute("id",post_id+"_favorit"); alert(response.message); } } }); } $(document).on('click', '#delete-comment', function(e) { e.preventDefault(); var t = $(this); var clone = t.clone(); var success = t.attr('data-success'); var isGood = confirm(t.attr('data-confirm')); var id = t.attr("data-id"); var holder = $("#comment-text-" + id); if (! isKompasianer) { alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } if (! isGood) { return false; } t.html($("<img width='48' height='48' />", { "src": ajax_loader })); $.ajax({ type: "POST", url: "/ajax/delete_comment/", data: {id: id}, dataType: 'json', error: function(response) { if (typeof response.responseJSON.header.description.error != 'undefined') { alert(response.responseJSON.header.description.error); } else { alert(response.responseJSON.header.message); } t.replaceWith(clone); }, success: function (response) { holder.html(success).css({ "color": "red" }); t.html(""); } }); }); $(document).on('click', '#laporkan-link', function(e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } if ( $('#laporkan-box').css('display') == 'none' ) { $('#laporkan-box').show(); } else { $('#laporkan-box').hide(); } }); $(document).on('click', '#laporkan-submit', function(e) { if ( $('#laporkan-text').val() == '' || $('#laporkan-text').val() == null ) { alert("Isi terlebih dahulu alasan anda."); } else { var postId = $(this).attr('data-post'); var text = $('#laporkan-text').val(); var holder = $("#holder-tools"); $("#laporkan-loading").show(); $("#laporkan-submit").hide(); $.ajax({ type:"POST", url :"/ajax/issued_post", data : {post_id: postId, text: text}, dataType:"json", success: function() { $("#laporkan-box").hide(); $("#laporkan-link").hide(); holder.html($("<span />", { "text": "Laporan Anda berhasil dikirim. Terima kasih." }).css({ "color": "green" })).show(); } }); } }); $(document).on('click', '#delete-reason', function(e){ var form = $(this).attr('data-form'); if(form == 'false') { $('#textarea_alasanhapus').css('display', 'block').slideDown('slow'); $(this).attr('data-form', 'true'); } else { $('#textarea_alasanhapus').css('display', 'none'); $('#alasanhapus').val(''); $(this).attr('data-form', 'false'); } }); $(document).on('click', '#delete-post', function(e){ e.preventDefault(); var t = $(this); var success = t.attr('data-success'); var isGood = confirm(t.attr('data-confirm')+'\nTetap hapus?'); var id = t.attr("data-id"); var holder = $("#holder-tools"); if(cekIsMobile === false){ if (! isKompasianer) { alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } } if (! isGood) { return false; } holder.html($("<img width='48' height='48' />", { "src": ajax_loader })).show(); $.ajax({ type: "POST", url: "/ajax/delete_post/" + id, dataType: 'json', error: function(response) { holder.html($("<span />", { "text": response.responseText }).css({ "color": "red" })); }, success: function (response) { holder.html($("<span />", { "text": success }).css({ "color": "green" })); } }); }); // submit $(document).on('click', '#sendemail', function(e){ e.preventDefault(); var email= $('input#email').val(); var $this = $(this); if(!email){ alert("Email harus diisi"); $('input#email').focus(); } else if(isWhitespaceOrEmpty(text)) { alert("Email harus diisi"); $('input#email').focus(); } else if(!isEmail){ alert("Email tidak valid"); $('input#email').focus(); } else { $('input#email').attr('readonly','readonly'); $(this).attr('disabled','disabled'); $.ajax({ type: "POST", url: "/newsletter/send_email", data: {email: email}, dataType: 'json', success: function(response){ $('input#email').val(''); $('#message').html(response); console.log(response); alert('Verifikasi telah dikirim, silakan cek email Anda.'); $this.removeAttr('disabled'); $('input#email').removeAttr('readonly'); } }); } }); function isWhitespaceOrEmpty(text) { return !/[^\s]/.test(text); } function isEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; return regex.test(email); } function goToByScroll(id) { if($("#"+id).length){ $('html,body').animate({ scrollTop: $("#"+id).offset().top - 70}, 'slow'); } } function loadReadCounter (e) { var id = e.attr("data-id"); var url = '/ajax/counter/' + id; $.ajax({ type: "GET", url: url, dataType: 'json', success: function(response) { if (typeof(response.read) != "undefined" && response.read !== null) { e.html(addCommas(response.read)).fadeIn(); } } }); } function addCommas(nStr) { nStr += ''; x = nStr.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, '$1' + ',' + '$2'); } return x1 + x2; } function loadResponses(el) { el.html($('<img width="48" height="48" />', { src: ajax_loader })); $.ajax({ url: '/ajax/get_responses', type: 'GET', dataType: 'json', data: { post_id: el.attr('data-id'), per_page: el.attr('data-perPage') }, beforeSend: function () { el.before('<img loading="lazy" id="loading-image-responses" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); el.before('<div id="remove_responses_loading">Loading...</div>'); }, error: function (response) { if (typeof response.responseJSON.header.description.error != 'undefined') { error = response.responseJSON.header.description.error; } else { error = response.responseJSON.header.message; } el.css({ color: "red" }).text(error).fadeIn("slow"); }, success: function (response) { $("#loading-image-responses").remove(); $("#remove_responses_loading").remove(); el.removeAttr('align'); el.html(response.view).fadeIn("slow"); } }); } $(document).on("click", "#more-responses", function (e) { e.preventDefault(); var el = $(this); el.unbind('click'); $.ajax({ url: '/ajax/get_responses', type: 'GET', dataType: 'json', data: { post_id: el.attr('data-id'), per_page: el.attr('data-perPage'), offset: el.attr('data-offset'), load_more: true }, error: function (response) { if (typeof response.responseJSON.header.description.error != 'undefined') { error = response.responseJSON.header.description.error; } else { error = response.responseJSON.header.message; } el.bind('click'); alert(error); }, success: function (response) { $("#children-response").append(response.view).fadeIn("slow"); if (response.offset) { el.attr('data-offset', response.offset); el.bind('click'); } else { el.remove(); } } }); }); // run if(cekIsMobile() === false) { loadRating(); loadMoreComments(); } // loadReadCounter($("#post-counter")); // window.onload = function(){ // var current_url = window.location.href; // $.ajax({ // type: "POST", // url: '/ajax/analytic', // data: {data_url: current_url}, // dataType: 'json', // success: function(response) { // $("#post-counter").html(response.pageview); // } // }); // } if(cekIsMobile() === false) { if ($("#responses").length) { loadResponses($("#responses")); } } function inArray(needle, haystack) { var length = haystack.length; for(var i = 0; i < length; i++) { if(haystack[i] == needle) return true; } return false; } // $(window).on('load', function() { setTimeout(function(){ if ($('.fr-instagram').length){ $('.fr-instagram').each(function(i, obj) { $(obj).attr('src', obj.src); }); } }, 3000); }); $(document).ready(function() { //js photo slider let slidesSmall = $('.slidesSmall'); if (slidesSmall.is(':visible')) { //show arrow $('.slidesArrow__big').addClass('show'); if ((slidesSmall.length) > 4) { //show arrow thumbnail $('.slidesArrow__small').addClass('show'); $('.slidesFlex').addClass('left'); } } if(cekIsMobile()){ //js photo slider let slidesSmall = $('.slidesSmall'); if (slidesSmall.is(':visible')) { //show arrow $('.slidesArrow__big').addClass('show'); if ((slidesSmall.length) > 3) { //show arrow thumbnail $('.slidesArrow__small').addClass('show'); $('.slidesFlex').addClass('left'); } } } if ($('.fr-instagram').length){ var onload = "$(window).on('message',$.proxy(function(e){if(this.contentWindow!==e.originalEvent.source)return;var obj=$.parseJSON(e.originalEvent.data);if(obj.type==='MEASURE')$(this).height(obj.details.height||500);},this))"; $('.fr-instagram').attr('onload',onload) } var tag = "new-world"; array_event = ['event', 'blog-competition', 'blog competition', 'blogshop', 'blogtrip', 'drive-and-ride', 'nangkring', 'ngulik', 'rctraveller', 'review', 'unboxing', 'visit', 'coverage', 'seminar nasional', 'kopiwriting', 'akademi', 'perspektif', 'diskusipublik', 'onloc', 'bloggerbucketlist','event komunitas offline', 'event komunitas online','eventkomunitasoffline', 'eventkomunitasonline','event-komunitas-offline', 'event-komunitas-online', 'eventlivestreaming']; if(inArray(tag, array_event)){ var current_url = window.location.href; var url_redirect = "https://event.kompasiana.com/"; var full_url_redirect = current_url.replace("https://www.kompasiana.com/", url_redirect); window.location.href = full_url_redirect; } array_video = ['video']; if(inArray(tag, array_video)){ var current_url = window.location.href; var url_redirect = "https://video.kompasiana.com/"; var full_url_redirect = current_url.replace("https://www.kompasiana.com/", url_redirect); window.location.href = full_url_redirect; } array_thr = ['thrkompasiana','ramadan']; if(inArray(tag, array_thr)){ var current_url = window.location.href; var url_redirect = "https://ramadan.kompasiana.com/"; var full_url_redirect = current_url.replace("https://www.kompasiana.com/", url_redirect); window.location.href = full_url_redirect; } $('.slider .in').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3, arrows: true }); $('.slider2 .in').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3, arrows: true }); $('[data-type="tooltips"]').each(function(){ var sf = $(this).data('text'); $(this).append('<div class="tooltips"><span>'+sf+'</span></div>'); $(this).on('mouseover', function(e) { e.preventDefault(); $(this).find('.tooltips').toggleClass('tooltips--show'); }); $(this).on('mouseout', function(e) { e.preventDefault(); $(this).find('.tooltips').toggleClass('tooltips--show'); }); }); if(cekIsMobile() === false) { loadListRating('list-rating'); } document.addEventListener('copy', (e) => { const copy_text = `\n\n\n\nKonten ini telah tayang di Kompasiana.com dengan judul "Metaverse, Kunci untuk Membuka Potensi Ekonomi Baru di Indonesia", Klik untuk baca:\n${document.location.href}\n\nKreator: Evin\n\n\n\nKompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.\n\nTulis opini Anda seputar isu terkini di Kompasiana.com`; e.clipboardData.setData('text', document.getSelection() + copy_text); e.preventDefault(); }); }); function loadMoreResponseMob(type){ var page = $("#page_"+type).val(); var post_id = $("#post_id").val(); var slug_prokontra = $("#slug_prokontra").val(); document.getElementById("load_more_"+type).innerHTML = "LOADING"; $.ajax({ type: "GET", url: '/ajax/get_more_pro_kontra', data:{page: page, post_id: post_id, slug_prokontra: slug_prokontra}, dataType: 'json', success: function(response) { document.getElementById("load_more_"+type).innerHTML = "LOAD MORE"; document.getElementById('page_'+type).value = response.data_array.page; if(type == "pro"){ $("#komentar_pro").append(response.data_array.pro); if(response.data_array.pro == ""){ $("#load_more_pro").hide(); } } else{ $("#komentar_kontra").append(response.data_array.kontra); if(response.data_array.kontra == ""){ $("#load_more_kontra").hide(); } } } }); } function loadMoreResponseKontra(){ $('.pro-komentar:hidden').slice(0, 5).show(); var count = $('#kontra-more').attr('data-count'); console.log(count); if (parseInt(count) == $('.pro-komentar:visible').length) { $('.load-more').hide(); } } function loadMoreResponse(){ var page = $("#page_prokontra").val(); var post_id = $("#post_id").val(); var slug_prokontra = $("#slug_prokontra").val(); document.getElementById("loadMoreProKontra").innerHTML = "LOADING"; $.ajax({ type: "GET", url: '/ajax/get_more_pro_kontra', data:{page: page, post_id: post_id, slug_prokontra: slug_prokontra}, dataType: 'json', success: function(response) { document.getElementById("loadMoreProKontra").innerHTML = "LOAD MORE"; document.getElementById('page_prokontra').value = response.data_array.page; $("#komentar_pro").append(response.data_array.pro); $("#komentar_kontra").append(response.data_array.kontra); if(response.data_array.pro == "" && response.data_array.kontra == ""){ $("#loadMoreProKontra").hide(); } } }); } function proOpini() { if(document.getElementById("kontra-input").style.display="block"){ document.getElementById("pro-input").style.display="block"; document.getElementById("kontra-input").style.display="none"; } else{ document.getElementById("pro-input").style.display="block"; } } function kontraOpini() { if(document.getElementById("pro-input").style.display="block"){ document.getElementById("kontra-input").style.display="block"; document.getElementById("pro-input").style.display="none"; } else{ document.getElementById("kontra-input").style.display="block"; } } function tulisChild(type, parent_id) { $("#tulis-child-"+type+"-"+parent_id).show(); $("#input-opini-child-"+type+"-"+parent_id).val(''); $("#input-opini-child-"+type+"-"+parent_id).show(); $("#input-opini-child-"+type+"-"+parent_id).focus(); } function submitResponse(e, topic_id, type, parent_id, recipient_id = null, topic_slug = null) { e = e || window.event; if (e.keyCode == 13) { if(!isKompasianer){ alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } if (!isActivity) { // check user activity show_activity(); // show user activity return false; } if(parent_id == null || parent_id == ''){ var text = $("#input-opini-"+type).val(); var data = {text: text, topic_id: topic_id, type: type}; } else { var text = $("#input-opini-child-"+type+"-"+parent_id).val(); var data = {text: text, topic_id: topic_id, type: type, parent_id: parent_id, recipient_id: recipient_id, topic_slug: topic_slug}; } if(!text && parent_id == null || !text){ alert("Text harus diisi"); } else if(isWhitespaceOrEmpty(text) && parent_id == null || !text){ alert("text harus diisi"); } else{ if(parent_id == null || parent_id == ''){ $.ajax({ type: "POST", url: "/ajax/post_response", data: data, dataType: 'json', success: function(response){ if(response.response_code == 200){ if(type == "pro"){ if(cekIsMobile === false){ $('#pro-input').css('display', 'none'); } else{ $("#input-opini-pro").val(''); } $('#showProResp').append(response.view); } else { if(cekIsMobile === false){ $('#kontra-input').css('display', 'none'); } else{ $("#input-opini-kontra").val(''); } $('#showKontraResp').append(response.view); } } else { alert(response.msg) } } }); } else { e = e || window.event; if (e.keyCode == 13) { if(!text){ alert('Opini harus diisi'); } else { $.ajax({ type: "POST", url: "/ajax/post_response", data: data, dataType: 'json', success: function(response){ console.log(response); if(response.response_code == 200){ $("#input-opini-child-"+type+"-"+parent_id).hide(); if(type == "pro"){ $('#showChildPro-'+parent_id).append(response.view); } else { $('#showChildKontra-'+parent_id).append(response.view); } } else { console.log('error'); } } }); } } } } } } /** s: new hapus artikel with warning message */ $(document).on('click','.dropdown-submenu a.btn--hapus', function (e) { e.stopPropagation(); e.preventDefault(); $('.dropdown-submenu > ul').hide(); $(this).next('ul').toggle(); }); $(document).on('click', function () { $('.dropdown-submenu > ul').hide(); }); $(document).on('click','.judul-pelanggaran', function (e) { // handle choose pelanggaran e.preventDefault(); var $this = $(this); // this item $this.removeData(); var judul = $this.data('judul'); // judul pelanggaran var post_title = $('.read-artikel__title > h1').text().trim(); // post title var post_url = window.location.href; // post url var hapus = $this.data('hapus') ? 1 : null; // data hapus ? var berat = $this.data('berat') ? 1 : null; // data hapus ? if(hapus == 1){ var deskripsi = 'Sesuai ketentuan Kompasiana, kami menghapus postingan Anda yang berjudul "'+post_title+'" karena '+$this.data('deskripsi'); // deskripsi pelanggaran }else{ var deskripsi = 'Sesuai ketentuan Kompasiana, kami memberi peringatan postingan Anda yang berjudul "'+post_title+'" karena '+$this.data('deskripsi'); // deskripsi pelanggaran } var $modal = $('#form--pelanggaran'); // modal pelanggaran var $judul = $modal.find('input[name="reason"]'); // judul pelanggaran var $post_title = $modal.find('input[name="post_title"]'); // modal post title var $post_url = $modal.find('input[name="post_url"]'); // modal post url var $deskripsi = $modal.find('textarea'); // judul deskripsi var $hapus = $modal.find('input[name="hapus"]'); // input hapus ? var $berat = $modal.find('input[name="berat"]'); // input hapus ? $judul.val(judul); // set judul $post_title.val(post_title); // set post title $post_url.val(post_url); // set post url $deskripsi.val(deskripsi); // set deskripsi $hapus.val(hapus); // set hapus $berat.val(berat); }); $(document).on('submit', '#form--pelanggaran', function (e) { // handle submit form pelanggaran e.preventDefault(); $this = $(this); // this form data = $this.serializeArray(); // form data action = $this.attr('action'); // form action ajax = { // ajax config url: action, type: 'POST', data: data, success: function (res) { var res = JSON.parse(res); alert(res.message); // console.log(res); if (res.status != 'ok') { // check status return false; } window.location.reload(); }, error: function (xhr) { console.log(xhr) } }; $.ajax(ajax); // do ajax }); // mobile script $(document).on('click','.dropdown', function () { $("#form-hapus").removeClass("in"); }); /** e: new hapus artikel with warning message */ // trigger click .edit-komentar $(document).on('click', '.edit-komentar', function (e) { e.preventDefault(); var $this = $(this); // this button var $parent = $this.parent(); // parent var $container = $('#container-edit-komentar'); // container form var $form = $container.find('form:first'); // form var id = $this.data('comment_id'); // comment id var text = $parent.parent().find('.komentar-text:first').text(); // comment text $form.find('input[name="id"]').val(id); // set id $form.find('textarea[name="text"]').val(text); // set text if ($parent.next().is($container) && $container.is(':visible')) { // check visible $container.slideUp(); } else { $container.insertAfter($parent).hide().slideDown(); // append parent } }); </script> <script> ////////////////////////////////// TAGGING //////////////////////////////////// // tagging show more let tagParent = document.querySelector('.mob-tagging'); if(!!tagParent) { let tagWrap = document.querySelector('.mob-tagging__items'); let tagHeight = tagWrap.offsetHeight; if(tagHeight>78) { let tagMore = document.createElement('button'); tagMore.className = 'mob-tagging__more'; tagMore.append('Selengkapnya'); tagParent.appendChild(tagMore) // let tagMore = document.querySelector('.mob-tagging__more'); if(!!tagMore) { // tagMore.classList.remove('-hide'); tagMore.addEventListener('click', function(){ taggingMore(tagParent, tagMore) }); } // tagMore.style.display = 'block'; // tagWrap.style.maxHeight = '78px' } } function taggingMore(tagParent, tagMore) { tagParent.style.maxHeight = '100%'; tagMore.classList.add('-hide'); return false; } </script>  <script type="text/javascript"> !(function() { var time = new Date().getTime(); $(document.body).bind('mousemove keypress', function(e) { time = new Date().getTime(); }); function refresh() { if (new Date().getTime() - time >= 900000) { // 15 Menit window.location.reload(true); } else { setTimeout(refresh, 10000); } } setTimeout(refresh, 10000); })(); </script>  <div class="row"> <div class="ads-horizontal banner-horizontal clearfix"> <div class="close-pol -popuppremium2"> <a href="#">X CLOSE</a> </div> <div id='div-gpt-ad-414138224105403936-9'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-414138224105403936-9'); }); </script> </div> </div> </div> <script defer src="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/js/dev/main.min.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/2024/www/js/sso_g_signin_fedcm_nk.min.js?v=2"></script> <script defer src="https://asset.kompas.com/data/2021/sso/js/additional.min.js?v=518"></script> <script defer src="https://assets.kompasiana.com/statics/widget/sso_personalisasi_nk.min.js?v=518"></script> <script defer src="https://asset.kompas.com/data/2023/08/30/sso/js/extender.min.js?v=518"></script> <script defer src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=518"></script> <script async src="https://cdn.oval.id/tracker/p/kompasiana/oval_web_analytics_latest.js"></script> <script async type="text/javascript" src="https://assets.kompas.com/data/2023/sso/js/sdk-cookie-consent-v2.js"></script> <script> function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; domain=.kompasiana.com; path=/"; } function getCookie(cname) { let name = cname + "="; let decodedCookie = decodeURIComponent(document.cookie); let ca = decodedCookie.split(';'); for(let i = 0; i <ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } </script> <script> if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw-kompasiana.js', { scope: '/sw-kompasiana' // <--- THIS BIT IS REQUIRED }).then(function(registration) { // Registration was successful console.log('ServiceWorker Kompasiana registration successful with scope: ', registration.scope); }, function(err) { // registration failed :( console.log('ServiceWorker Kompasiana registration failed: ', err); }); } </script>  <script> $(document).on('click', '.postRibbon', function(e){ if (!isKompasianer) { $('.reportbtnMenu').hide(); $('.reportpopup').hide(); alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } }); $(document).on('click', '.btnReportKonten', function(e){ $('#word_alasan').text('Alasan'); $('#laporkan-text-new').attr("placeholder", "Tulis Alasan Anda ..."); $('#laporkan-text-new').val(""); $('input[name="radio_reason"]:checked').removeAttr("checked"); $('#listChoiceReasonKonten').show(); $('#listChoiceReasonUser').hide(); $('#laporkan-submit-new').attr('data-post',$(this).attr('data-post')); $('#laporkan-submit-new').attr('data-type', 'konten'); $('.-reportlanjut').removeClass('active'); }); $(document).on('click', '.btnReportAkun', function(e){ $('#word_alasan').text('Sertakan Bukti'); $('#laporkan-text-new').attr("placeholder", "Masukkan link konten spam, hate speech, atau bukti lain."); $('#laporkan-text-new').val(""); $('input[name="radio_reason"]:checked').removeAttr("checked"); $('#listChoiceReasonKonten').hide(); $('#listChoiceReasonUser').show(); $('#laporkan-submit-new').attr('data-user',$(this).attr('data-user')); $('#laporkan-submit-new').attr('data-type', 'akun'); $('.-reportlanjut').removeClass('active'); }); $(document).on('click', '#laporkan-submit-new', function(e) { $('#msgreport').html('') if ( $('input[name="radio_reason"]:checked').attr('data-reason') == '' || $('input[name="radio_reason"]:checked').attr('data-reason') == null ) { alert("Pilih terlebih dahulu alasan anda."); $(".reportpopupMessage").hide(); $('.reportpopup').show(); } else { var text = $('#laporkan-text-new').val(); var reason = $('input[name="radio_reason"]:checked').attr('data-reason'); if($(this).attr('data-type') == 'konten'){ var postId = $(this).attr('data-post'); var data = {post_id: postId, text: text, reason: reason} }else{ var channelIssuedId = $(this).attr('data-user'); var data = {channel_issued_id: channelIssuedId, text: text, reason: reason} } var holder = $("#holder-tools"); $("#laporkan-loading").show(); $("#laporkan-submit-new").hide(); $(".reportpopupMessage").hide(); $.ajax({ type:"POST", url :"/ajax/issued_post", data : data, dataType:"json", success: function(res) { $("#laporkan-loading").hide(); $('.reportpopup').hide(); $("#laporkan-submit-new").show(); if(res.error !== undefined){ $('#msgreport').html(res.error) }else{ $('#msgreport').html(res.msg) } $(".reportpopupMessage").show(); } }); } }); function new_favorit_narativ(narativId){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $('#msgreport').html("Loading...") $(".reportpopupMessage").show(); $("#"+narativId+"_favorit").hide(); $.ajax({ type:"POST", url :"/ajax/favorite_narativ", data : {narativId: narativId}, dataType:"json", success: function(response) { $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+narativId+"_favorit").show(); // unfavorit $("#"+narativId+"_favorit").parent().addClass('-marked'); document.getElementById(narativId+"_favorit").setAttribute("onclick","new_unfavorit_narativ('"+narativId+"')"); document.getElementById(narativId+"_favorit").setAttribute("id",narativId+"_unfavorit"); } }); } } function new_unfavorit_narativ(narativId){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $('#msgreport').html("Loading...") $(".reportpopupMessage").show(); $("#"+narativId+"_favorit").hide(); $.ajax({ type:"POST", url :"/ajax/favorite_narativ", data : {narativId: narativId, status:'remove'}, dataType:"json", success: function(response) { $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+narativId+"_unfavorit").show(); // favorit $("#"+narativId+"_favorit").parent().removeClass('-marked'); document.getElementById(narativId+"_unfavorit").setAttribute("onclick","new_favorit_narativ('"+narativId+"')"); document.getElementById(narativId+"_unfavorit").setAttribute("id",narativId+"_favorit"); } }); } } function new_favorit(post_id){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $("#"+post_id+"_load-image-favorit").html("Loading...").show(); $("#"+post_id+"_favorit").hide(); $.ajax({ type:"POST", url :"/ajax/favorite_artikel", data : {post_id: post_id}, dataType:"json", success: function(response) { $("#"+post_id+"_load-image-favorit").hide(); $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+post_id+"_favorit").show(); // unfavorit $("#"+post_id+"_favorit").parent().addClass('-marked'); document.getElementById(post_id+"_favorit").setAttribute("onclick","newun_favorit('"+response.post_id+"','"+response.favorita_id+"')"); document.getElementById(post_id+"_favorit").setAttribute("id",post_id+"_unfavorit"); } }); } } // newun_favorit function newun_favorit(post_id, favorit_id){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $("#"+post_id+"_load-image-favorit").html("Loading...").show(); $("#"+post_id+"_unfavorit").hide(); $.ajax({ type:"POST", url :"/ajax/un_favorite_artikel", data : {post_id: post_id, favorit_id: favorit_id}, dataType:"json", success: function(response) { $("#"+post_id+"_load-image-favorit").hide(); $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+post_id+"_unfavorit").show(); // favorit $("#"+post_id+"_unfavorit").parent().removeClass('-marked'); document.getElementById(post_id+"_unfavorit").setAttribute("onclick","new_favorit('"+post_id+"')"); document.getElementById(post_id+"_unfavorit").setAttribute("id",post_id+"_favorit"); } }); } } function close_msg(){ $(".reportpopupMessage").hide(); } $('.reportpopupContent').click(function() { if($('input[type="radio"]').is(':checked')) { $('.-reportlanjut').addClass('active'); } }); $(document).on('click', '#send-article', function(e){ e.preventDefault(); var $t = $(this); var tags = $(this).data('tags'); var channel = $(this).data('channel'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect(base_url+channel+'/dashboard/write', {tags_topic : tags}); }); </script> <script defer src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/widget-experiment.min.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/script-narativ.min.js?v=518"></script>  <div class="popup__overlay" data-popup="left" id="pver"> <div class="popupContent align-center text-center"> <div class="popupContent__wrap"> <button class="popupClose" aria-label="Close Popup" data-popup-button="dismiss">×</button> <div class="popupImage"> <span class="icon-verif"></span> </div> <div class="popupContent__title">Akun Terverifikasi</div> <div class="popupContent__body"> Diberikan kepada Kompasianer aktif dan konsisten dalam membuat konten dan berinteraksi secara positif. </div> <a href="https://www.kompasiana.com/kompasiana/63aa5d517bda02428d4f8c95/kriteria-terbaru-verifikasi-biru-kompasiana" class="popupContent__cta mt10">Pelajari selanjutnya.</a> </div> </div> </div>  <script type="text/javascript"> // s:popup verifikasi // let icoo = document.querySelectorAll('.-tver') // if (!!icoo) { // icoo.forEach(function (item) { // item.addEventListener('click', function (e) { // showModals(this) // e.preventDefault() // }) // }) // } $(document).on('click','.-tver',function(e){ e.preventDefault(); showModals(this) }); document.addEventListener('click', function (e) { if (e.target.matches('.popupClose')) { let ss = document.querySelectorAll('.popup__overlay') if (!!ss) { ss.forEach(function (item) { ss.forEach(el => el.classList.remove('active')); }) } e.preventDefault() } }); function showModals(targt) { var cl = document.getElementById('pver'); if (!!targt) { if (!!cl) { var fc = targt.parentElement; let jk = fc.querySelector('.popup__overlay') if (!!jk) { jk.remove() } var ox = cl.cloneNode(true); fc.appendChild(ox); fc.querySelector('.popup__overlay').classList.add('active'); } else { console.log('unknown modal target'); return; } } else { console.log('template modals not found'); return; } } // e:popup verifikasi function wa_share(title,url) { url = url+'?utm_source=Whatsapp&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; u = url; t = title; window.open('https://api.whatsapp.com/send?text='+encodeURIComponent(t)+'%0a %0a'+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } </script> <script> $(document).ready(function() { $(document.body).on('touchmove', onScroll_do_sidebar); // for mobile $(window).bind('scroll', onScroll_do_sidebar); }); function onScroll_do_sidebar(){ if ($("#populer-rekom-base").length > 0) { if ($(window).scrollTop() >= $("#populer-rekom-base").position().top) { // remove div $('#populer-rekom-base').remove(); get_populer_rekom() } } if ($("#trending-base").length > 0) { if ($(window).scrollTop() >= $("#trending-base").position().top) { // remove div $('#trending-base').remove(); get_other_sidebar() } } // if ($("#ramadan-pakar-base").length > 0) { // if ($(window).scrollTop() >= $("#ramadan-pakar-base").position().top) { // // remove div // $('#ramadan-pakar-base').remove(); // get_ramadan_pakar() // } // } if ($("#topik-pilihan-base").length > 0) { if ($(window).scrollTop() >= $("#topik-pilihan-base").position().top) { // remove div $('#topik-pilihan-base').remove(); get_topik_pilihan() } } if ($("#topik-kkn-base").length > 0) { if ($(window).scrollTop() >= $("#topik-kkn-base").position().top) { // remove div $('#topik-kkn-base').remove(); get_topik_kkn() } } if ($("#series-pilihan-base").length > 0) { if ($(window).scrollTop() >= $("#series-pilihan-base").position().top) { // remove div $('#series-pilihan-base').remove(); get_series_pilihan() } } if ($("#isu-terkini-base").length > 0) { if ($(window).scrollTop() >= $("#isu-terkini-base").position().top) { // remove div $('#isu-terkini-base').remove(); get_isu_terkini() } } if ($("#kompasiana-arena-base").length > 0) { if ($(window).scrollTop() >= $("#kompasiana-arena-base").position().top) { // remove div $('#kompasiana-arena-base').remove(); get_arena() } } if ($("#tren-pekan-base").length > 0) { if ($(window).scrollTop() >= $("#tren-pekan-base").position().top) { // remove div $('#tren-pekan-base').remove(); get_tren_pekan() } } if ($("#kgnow-widget-base").length > 0) { if ($(window).scrollTop() >= $("#kgnow-widget-base").position().top) { // remove div $('#kgnow-widget-base').remove(); get_kgnow_widget() } } if ($("#read-kgnow-base").length > 0) { if ($(window).scrollTop() >= $("#read-kgnow-base").position().top) { // remove div $('#read-kgnow-base').remove(); get_kgnow_read() } } if ($("#sorot_div_base").length > 0) { if ($(window).scrollTop() >= $("#sorot_div_base").position().top) { $('#sorot_div_base').remove(); get_sorot(); } } if ($("#komunitas_pilihan_base").length > 0) { if ($(window).scrollTop() >= $("#komunitas_pilihan_base").position().top) { $('#komunitas_pilihan_base').remove(); get_komunitas_pilihan(); } } } var load_get_sorot = false; function get_sorot(){ if (load_get_sorot == false) { load_get_sorot = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_sorot", success: function(res) { data = JSON.parse(res); $('#sorot_div').after(data['sorot']); $('#sorot_div').remove(); }, error : function(e) { console.log(e); } }); } } var load_get_populer_rekom = false; function get_populer_rekom(){ if (load_get_populer_rekom == false) { load_get_populer_rekom = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_popular_rekom", data: {view_data: location.pathname.substring(1), view_type: 'desktop'}, beforeSend: function() { $('#populer_rekom').before('<img loading="lazy" id="loading-image-populer-rekom" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); $('#populer_rekom').html('Loading...'); }, success: function(res) { data = JSON.parse(res); $("#loading-image-populer-rekom").remove(); $('#populer_rekom').html(data); }, error : function(e) { console.log(e); } }); } } var load_get_ramadan_pakar = false; function get_ramadan_pakar(){ if (load_get_ramadan_pakar == false) { load_get_ramadan_pakar = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/ajax/get_ramadan_pakar", data: {show: 'read'}, success: function(res) { data = JSON.parse(res); $('#ramadan-pakar-body').html(data); }, error : function(e) { console.log(e); } }); } } var load_get_topik_pilihan = false; function get_topik_pilihan(){ if (load_get_topik_pilihan == false) { load_get_topik_pilihan = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_topik_pilihan", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#topik-pilihan-body').html(data); $('#topilslide').slick({infinite: true,speed: 300,slidesToShow: 3,slidesToScroll: 3,centerMode: false,arrow: true,dots: false,cssEase: 'linear',variableWidth: true}); }, error : function(e) { console.log(e); } }); } } var load_get_topik_kkn = false; function get_topik_kkn(){ if (load_get_topik_kkn == false) { load_get_topik_kkn = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/ajax/get_topik_kkn", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#topik-kkn-body').html(data); $('#topilkknslide').slick({infinite: true,speed: 300,slidesToShow: 3,slidesToScroll: 3,centerMode: false,arrow: true,dots: false,cssEase: 'linear',variableWidth: true}); }, error : function(e) { console.log(e); } }); } } var load_get_series_pilihan = false; function get_series_pilihan(){ if (load_get_series_pilihan == false) { load_get_series_pilihan = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_series_pilihan", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#series-pilihan-body').html(data); $("#naraslide").slick({infinite:!1,speed:300,slidesToShow:3,slidesToScroll:3,centerMode:!1,arrow:!0,dots:!1,cssEase:"linear"}); }, error : function(e) { console.log(e); } }); } } var load_get_isu_terkini = false; function get_isu_terkini(){ if (load_get_isu_terkini == false) { load_get_isu_terkini = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_isu_terkini", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#isu-terkini-body').html(data); $(".hs__widget").slick({infinite:!1,speed:300,slidesToShow:3,centerMode:!1,arrow:!0,dots:!0}); }, error : function(e) { console.log(e); } }); } } var load_get_arena = false; function get_arena(){ if (load_get_arena == false) { load_get_arena = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_arena", data: {read: "1"}, beforeSend: function() { $('#kompasiana-arena-body').before('<img loading="lazy" id="loading-image-arena-ajax" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); $('#kompasiana-arena-body').html('Loading...'); }, success: function(res) { data = JSON.parse(res); $("#loading-image-arena-ajax").remove(); $('#kompasiana-arena-body').html(''); if(data){ $('#kompasiana-arena-body').html(data); $.getScript('https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/kuis.min.js?v=518', function() {}); }else{ $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_series_pilihan", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); // $('.video-box-wrap').css('margin-top',120); $('#kompasiana-arena-body').before('<link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-narativ-slider.min.css?v=518" rel="preload" as="style"><link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-narativ-slider.min.css?v=518" rel="stylesheet"><link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-narativ.min.css?v=518" rel="preload" as="style"><link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-narativ.min.css?v=518" rel="stylesheet">'); $('#kompasiana-arena-body').html(data); $("#naraslide").slick({infinite:!1,speed:300,slidesToShow:3,slidesToScroll:1,centerMode:!1,arrow:!0,dots:!1,cssEase:"linear",variableWidth:!0}); }, error : function(e) { console.log(e); } }); } }, error : function(e) { console.log(e); } }); } } var load_get_tren_pekan = false; function get_tren_pekan(){ if (load_get_tren_pekan == false) { load_get_tren_pekan = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_tren_pekan", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#tren-pekan-body').html(data); $(".hs__widget_tren").slick({infinite:!1,speed:300,slidesToShow:3,centerMode:!1,arrow:!0,dots:!0}); }, error : function(e) { console.log(e); } }); } } var load_get_kgnow_widget = false; function get_kgnow_widget(){ if (load_get_kgnow_widget == false) { load_get_kgnow_widget = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_home_kgnow", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#kgnow-widget-body').html(data); $(".js-videoKGSlider").slick({infinite: false,slidesToShow: 4,slidesToScroll: 1,arrows: true,}); }, error : function(e) { console.log(e); } }); } } var load_get_kgnow_sidebar = false; function get_kgnow_read(){ if (load_get_kgnow_sidebar == false) { load_get_kgnow_sidebar = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_read_kgnow", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#read-kgnow-body').html(data); }, error : function(e) { console.log(e); } }); } } var load_get_other_sidebar = false; function get_other_sidebar(){ if (load_get_other_sidebar == false) { load_get_other_sidebar = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_others_sidebar", data: {view_data: 'trending', view_type: 'desktop'}, beforeSend: function() { $('#trending_place').before('<img loading="lazy" id="loading-image-trending" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); $('#trending_place').html('Loading...'); }, success: function(res) { data = JSON.parse(res); $("#loading-image-trending").remove(); $('#trending_place').html(data); }, error : function(e) { console.log(e); } }); $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_others_sidebar", data: {view_data: 'terbaru', view_type: 'desktop'}, beforeSend: function() { $('#terbaru_place').before('<img loading="lazy" id="loading-image-terbaru" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); $('#terbaru_place').html('Loading...'); }, success: function(res) { data = JSON.parse(res); $("#loading-image-terbaru").remove(); $('#terbaru_place').html(data); }, error : function(e) { console.log(e); } }); } } var load_get_komunitas = false; function get_komunitas_pilihan(){ if (load_get_komunitas == false) { load_get_komunitas = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_komunitas_pilihan", success: function(res) { data = JSON.parse(res); $('#komunitas_pilihan').after(data['komunitas_pilihan']); $('#komunitas_pilihan').remove(); }, error : function(e) { console.log(e); } }); } } </script> <script> $(document).on('click', '#send-article-topic', function(e){ e.preventDefault(); var $t = $(this); var tags = $(this).data('tags'); var channel = $(this).data('channel'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect(base_url+channel+'/dashboard/write?source_from=topic', {tags_topic : tags}); }); $(document).on('click', '.send-cerita-pemilih', function(e){ e.preventDefault(); var $t = $(this); var tags = $(this).data('tags'); var channel = $(this).data('channel'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect(base_url + channel+'/dashboard/write?source_from=cerita-pemilih', {tags_topic : tags}); }); $(document).ready(function () { $('.cerpemVotewidget__itemVotebar').each(function () { $(this).find('.Votebar__wrap').animate({ height: $(this).attr('data-percent') }, 3000); }); $(".thismonthContent").slick({ infinite: !0, slidesToShow: 5, slidesToScroll: 1, arrows: true, variableWidth: true, }); $('#video_cerita_pemilih').slick({ infinite: true, speed: 300, slidesToShow: 3, slidesToScroll: 3, centerMode: false, arrow: true, dots: false, cssEase: 'linear', variableWidth: true }); }); </script> <script> // Function to show the popup function showPopup() { const popup = document.querySelector('.popup'); popup.classList.add('popup--open'); } // Function to hide the popup function hidePopup() { const popup = document.querySelector('.popup'); popup.classList.remove('popup--open'); }; // Add event listeners to all trigger elements document.querySelectorAll('.-openPopup').forEach(button => { button.addEventListener('click', showPopup); }); // Using event delegation on the body or popup container document.querySelector('.popup').addEventListener('click', function (event) { // Prevent the popup close when clicking inside the popup (use stopPropagation) if (event.target.classList.contains('-closePopup')) { event.stopPropagation(); // Prevent event from bubbling up hidePopup(event); } }); </script> </body> </html>