CINXE.COM
Kompas.com Plus - Akses Berita Terpercaya Tanpa Iklan
<!DOCTYPE html> <html lang="en"> <head> <!-- Google Tag Manager --> <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-PT7PC4');</script> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width"> <meta name="author" content="Kompas Cyber Media"> <title>Kompas.com Plus - Akses Berita Terpercaya Tanpa Iklan</title> <meta name="description" content="Akses Berita Terpercaya Tanpa Iklan. Gabung membership Kompas.com Plus sekarang. Nikmati info breaking news, berita terkini hari ini Indonesia dan dunia."> <meta name="keywords" content="membership kompas, membership kompascom, iklan kompas.com, kompas.com tanpa iklan, kompascom+, kompascom plus, ad blocker, berita terkini, berita hari ini, berita tanpa iklan"> <meta name="robots" content="index, follow" /> <meta name="googlebot-news" content="index, follow" /> <meta name="googlebot" content="index, follow" /> <!-- S:fb meta --> <meta property="og:type" content="article" /> <meta property="og:image" content="https://asset.kompas.com/data/2022/kompasplus/kompasplus-share.png" /> <meta property="og:title" content="Kompas.com Plus - Akses Berita Terpercaya Tanpa Iklan" /> <meta property="og:description" content="Akses Berita Terpercaya Tanpa Iklan. Gabung membership Kompas.com Plus sekarang. Nikmati info breaking news, berita terkini hari ini Indonesia dan dunia."> <meta property="og:url" content="https://plus.kompas.com/" /> <meta property="og:site_name" content="KOMPAS.com" /> <meta property="fb:app_id" content="324557847592228" /> <!-- e:fb meta --> <!-- S:tweeter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@kompascom" /> <meta name="twitter:creator" content="@kompascom"> <meta name="twitter:title" content="Kompas.com Plus - Akses Berita Terpercaya Tanpa Iklan" /> <meta name="twitter:description" content="Akses Berita Terpercaya Tanpa Iklan. Gabung membership Kompas.com Plus sekarang. Nikmati info breaking news, berita terkini hari ini Indonesia dan dunia." /> <meta name="twitter:image" content="https://asset.kompas.com/data/2022/kompasplus/kompasplus-share.png" /> <meta name="subscription" content="False" /> <link rel="shortcut icon" href="https://asset.kompas.com/data/2017/wp/images/favicon2017.ico"> <link rel="stylesheet" href="https://asset.kompas.com/data/2024/03/12/kompascom/desktop/css/kcm2017-article.min.css" type="text/css"> <link rel="stylesheet" href="https://asset.kompas.com/data/2023/09/20/14/kompascom/desktop/kcm2017-iconpack-article.min.css" type="text/css"> <link rel="stylesheet" href="https://asset.kompas.com/data/2017/wp/css/kcm2019-photo-article.min.css?v=10" type="text/css"> <link rel="stylesheet" href="https://asset.kompas.com/data/2024/pluskompas/css/desktop/style-subscription.min.css?v=4" type="text/css"> <style> .disabled-button{ border: 1px solid #999999 !important; background-color: #cccccc !important; color: #666666 !important; cursor: not-allowed !important; } .subPackage { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; } .subPackage.-wp .subPackage-box { border: 1.5px solid #e8e8e8; background-color: #f6f6f6; height: 171px; padding: 11px 10px 17px; } </style> <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="https://fonts.gstatic.com/s/robotocondensed/v17/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYb9lecyU.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="https://fonts.gstatic.com/s/robotocondensed/v17/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <style> @font-face { font-family: 'Roboto'; font-display: swap; font-style: normal; font-weight: 300; src: local('Roboto'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v27/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-display: swap; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.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-display: swap; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.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-display: swap; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.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 Condensed'; font-display: swap; font-style: normal; font-weight: 300; src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v17/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYb9lecyU.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 Condensed'; font-display: swap; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v17/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.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 src="https://asset.kompas.com/data/2017/wp/js/jquery-1.12.0.min.js"></script> <script src="https://asset.kompas.com/data/2024/pluskompas/js/jquery-redirect.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/modernizr.custom.js"></script> <script async src="//kompasindonesia.api.useinsider.com/ins.js?id=10006673"></script> </head> <body class=""> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PT7PC4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="wrap"> <!-- header --> <div class="header clearfix"> <!-- logo kompascom--> <div class="row clearfix header__wrap"> <div class="container clearfix header__row"> <div class="row col-offset-fluid clearfix"> <div class="col-bs10-5 clearfix"> <div class="logo"> <a href="https://www.kompas.com"> <img src="https://asset.kompas.com/data/2022/langganan/desktop/images/logo-kompascom-plus-small.png?v=2" alt="Kompas.com" width="279" height="50"> </a> </div> </div> </div> </div> </div> <!-- nav--> <div class="js-nav-offset"></div> <div class="row clearfix nav"> <div class="container clearfix nav__wrap"> <div class="logo logo--sticky"> <a href="https://www.kompas.com"><img src="https://asset.kompas.com/data/2022/langganan/desktop/images/logo.svg" alt="Kompas.com Plus" width="160" height="20"></a> </div> <!-- <div class="sso__header col-bs12-4"> <ul class="sso__wrap"> <li class="sso__item"> <a class="sso__link sso__link__icon js-sso-user" href="javascript:void(0)"> <i class="sso__icon__login" id="sso__icon__login_top"></i> <i class="sso__badge" style="display: none;"></i> </a> <div class="sso__option -fixed -hide js-sso-user-board"> <ul> <li id="sso__item"><a id="txt_signin" href="https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly9wbHVzLmtvbXBhcy5jb20v"><span><i class="sso__icon__login"></i> Login</span></a></li> <li></li> <li><a href="https://langganan.kompas.com"><span><i class="sso__icon__subscription"></i> Paket Langganan <i class="sso__badge__inline"></i></span></a></li> <li></li> <li id="feedback__item"><a href="https://www.kompas.com/feedback"><span><i class="sso__icon__notif"></i> Berikan Masukanmu <i class="sso__badge__inline" style="display: none;"></i></span></a></li> </ul> </div> </li> </ul> </div> --> <!-- sso new --> <div class="sso__header -logged col-bs12-4"> <ul class="sso__wrap"> <li class="sso__item"> <a class="sso__link sso__link__icon js-sso-user" href="javascript:void(0)"> <i class="sso__icon__login" id="sso__icon__login_top"></i> <i class="sso__badge" style="display: none;"></i> </a> <!-- user menu --> <div class="sso__option -fixed -hide js-sso-user-board"> <ul> <li id="sso__item"><a id="txt_signin" href="https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly9wbHVzLmtvbXBhcy5jb20v"><span><i class="sso__icon__login"></i> Login</span></a></li> <li></li> <li><a href="https://plus.kompas.com/"><span><i class="sso__icon__subscription"></i> Gabung Kompas.com+</i><i class="sso__badge__inline"></i></span></a></li> <li><a href="https://plus.kompas.com/akun"><span><i class="sso__icon__subsuser"></i> Informasi Membership</span></a></li> <li></li> <li><a href="https://activity.kompas.com/saved"><span><i class="sso__icon__bookmark"></i> Konten yang disimpan</span></a></li> <li></li> <li><a href="https://activity.kompas.com/liked"><span><i class="sso__icon__liked"></i> Konten yang disukai</span></a></li> <li></li> <li><a href="https://activity.kompas.com/minat"><span><i class="sso__icon__interest"></i> Atur Minat</span></a></li> <li></li> <li id="feedback__item"><a href="https://www.kompas.com/feedback"><span><i class="sso__icon__notif"></i> Berikan Masukanmu <i class="sso__badge__inline" style="display: none;"></i></span></a></li> </ul> </div> </li> </ul> </div> </div> </div> </div> <!-- header subs --> <div class="sub-header"> <div class="sub-header-bg" style="background-image: url('https://asset.kompas.com/data/2022/langganan/desktop/images/bg-subs-landing.jpg')"></div> </div> <!-- container --> <div class="sub subContainer -newlayout clearfix"> <!-- paket --> <div class="subCol subPack"> <h1 class="subTitle">Spesial Untukmu</h1> <div class="subBox"> <h2 class="subTitle--md">Mengapa bergabung dengan membership Kompas.com+?</h2> <div class="subTab"> <div class="subTab__wrap"> <div class="subTab__title"> Gratis </div> <div class="subTab__title"> Kompas.com+ </div> </div> </div> <div class="subFeat"> <div class="subFeat__item"> <div class="subFeat__title">Berita ter-update, akurat, dan tepercaya</div> <div class="subFeat__check"> <div class="subFeat__icon"><span class="icon icon-check"></span></div> <div class="subFeat__icon"><span class="icon icon-check"></span></div> </div> </div> <div class="subFeat__item"> <div class="subFeat__title">Baca semua berita tanpa iklan</div> <div class="subFeat__check"> <div class="subFeat__icon"><span class="icon icon-close"></span></div> <div class="subFeat__icon"><span class="icon icon-check"></span></div> </div> </div> <div class="subFeat__item"> <div class="subFeat__title">Baca artikel tanpa pindah halaman</div> <div class="subFeat__check"> <div class="subFeat__icon"><span class="icon icon-close"></span></div> <div class="subFeat__icon"><span class="icon icon-check"></span></div> </div> </div> <div class="subFeat__item"> <div class="subFeat__title">Akses lebih cepat</div> <div class="subFeat__check"> <div class="subFeat__icon"><span class="icon icon-close"></span></div> <div class="subFeat__icon"><span class="icon icon-check"></span></div> </div> </div> <div class="subFeat__item"> <div class="subFeat__title">Akses membership dari berbagai platform</div> <div class="subFeat__check"> <div class="subFeat__icon"><span class="icon icon-close"></span></div> <div class="subFeat__icon"><span class="icon icon-check"></span></div> </div> </div> </div> <!-- s: slider package --> <div class="subPackage -wp"> <div class="subPackage-box"> <p class="subPackage-title"> Kompas.com+ Bulanan </p> <div class="subPackage-price">Rp8.000<span class="subPackage-price-month">/bulan</span></div> <div class="subDesc black"> Dapatkan tambahan <b>gratis</b> akses 30 hari. </div> <a href="https://plus.kompas.com/subscription/checkout/kompascom_subs_monthly_onetime_promo30d" class="subButton--link">Gabung Sekarang</a> </div> <div class="subPackage-box"> <p class="subPackage-title"> Kompas.com+ Tahunan </p> <div class="subPackage-price">Rp59.000<span class="subPackage-price-month">/tahun</span></div> <div class="subDesc black"> Dapatkan tambahan <b>gratis</b> akses 30 hari. </div> <a href="https://plus.kompas.com/subscription/checkout/kompascom_subs_yearly_onetime_promo30d" class="subButton--link">Gabung Sekarang</a> </div> <div class="subPackage-box"> <p class="subPackage-title"> Kompas.com+ Wali Asuh Pohon </p> <div class="subPackage-price">Rp99.000<span class="subPackage-price-month">/tahun</span></div> <div class="subDesc black"> Berpartisipasi menjadi wali asuh pohon.<a style="color: #007aff" href="https://play.kompas.com/promo/221/kompascom-plus-wali-pohon"> Selengkapnya </a>. </div> <a href="https://plus.kompas.com/subscription/checkout/kompascom_subs_yearly_campaign" class="subButton--link">Gabung Sekarang</a> </div> </div> <!-- e: slider package --> <div class="subGoogle text-center"> <h3 class="subGoogle__title">Berlangganan lebih mudah dengan :</h3> <link rel="stylesheet" href="https://news.google.com/swg/js/v1/swg-button.css"> <button class="swg-button-light" id="btn-subs"></button> </div> <div class="subTitle--sm flex-center">atau</div> <h3 class="flex-center mt1">Gabung melalui aplikasi Kompas.com</h3> <div class="subLink__wrap flex-center"> <a href="https://apps.apple.com/id/app/kompas-com-berita-terpercaya/id535483055" aria-label="Link appstore Kompas.com"><img src="https://asset.kompas.com/data/2022/langganan/desktop/images/id-badge-appstore.png" alt="" width="196" height="66" class="subLink__img subLink__img--kcm"></a> <a href="https://kompascom.onelink.me/fcDe/amskwqqf" aria-label="Link playstore Kompas.com"><img src="https://asset.kompas.com/data/2022/langganan/desktop/images/id-badge-playstore.png" alt="" width="222" height="66" class="subLink__img subLink__img--kcm"></a> </div> </div> </div> <!-- preview --> <div class="subCol subPw flex-center"> <div class="subPw__img"> <img src="https://asset.kompas.com/data/2022/langganan/desktop/images/subs-kcm.png" alt="" width="374" height="281" loading="lazy"> </div> <div class="subPw__wrap"> <div class="subPw__title">Coba pengalaman tanpa iklan <img src="https://asset.kompas.com/data/2022/langganan/desktop/images/logo-kompascom-plus-blue.png" alt="Kompas.com Plus" width="129" height="15" loading="lazy"> sebelum bergabung</div> <a href="https://plus.kompas.com/pratinjau" class="subPw__link">Coba sekarang</a> </div> </div> <!-- faq --> <!-- faq --> <div class="subFaq"> <h2 class="subTitle--md">Pertanyaan Umum</h2> <div class="subFaq__item close"> <button class="subTrig -js-show"> <div class="subFaq__title mr10">1. Apa itu Kompas.com+?</div> <div class="icon-show"></div> </button> <div class="subFaq__content">Kompas.com+ adalah layanan berbayar yang dihadirkan untuk pembaca setia Kompas.com dapat menikmati berbagai benefit dalam platform Kompas.com web (PC dan mobile) dan aplikasi (android & ios) dengan maksimal akses melalui 5 perangkat berbeda, pastikan kamu login menggunakan Akun KG Media ID yang sama dengan saat melakukan transaksi.</div> </div> <div class="subFaq__item close"> <button class="subTrig -js-show"> <div class="subFaq__title mr10">2. Apa saja benefit yang didapatkan?</div> <div class="icon-show"></div> </button> <div class="subFaq__content">Pelanggan Kompas.com+ akan mendapatkan akses Kompas.com tanpa iklan, tanpa paginasi di halaman baca, dan berbagai benefit lainnya yang dapat ditambahkan di kemudian hari sesuai paket membership yang dipilih</div> </div> <div class="subFaq__item close"> <button class="subTrig -js-show"> <div class="subFaq__title mr10">3. Bagaimana cara bergabung dengan membership Kompas.com+?</div> <div class="icon-show"></div> </button> <div class="subFaq__content">Saat ini, kamu dapat bergabung melalui aplikasi Android dan iOS Kompas.com atau melakukan transaksi di halaman web <a href="https://plus.kompas.com/">plus.kompas.com</a>.<p>Cara bergabung melalui aplikasi Kompas.com:</p> <ol> <li>Tekan banner Kompas.com+ di Home atau dari Pengaturan pilih Gabung Kompas.com+</li> <li>Pilih paket yang diinginkan, lalu tekan Gabung</li> <li>Ikuti petunjuk pembayaran yang terdapat pada layar.</li> </ol> <p>Cara bergabung melalui website Kompas.com:</p> <ol> <li>Buka <a href="https://plus.kompas.com/">plus.kompas.com</a> melalui browser</li> <li>Klik tombol Subscribe with Google</li> <li>Klik paket yang diinginkan</li> <li>Ikuti petunjuk pembayaran yang terdapat pada layar.</li> </ol> </div> </div> <div class="subFaq__item close"> <button class="subTrig -js-show"> <div class="subFaq__title mr10">4. Apa saja metode pembayaran yang tersedia untuk bergabung dengan membership Kompas.com+?</div> <div class="icon-show"></div> </button> <div class="subFaq__content">Jika bergabung melalui aplikasi Android Kompas.com, kamu dapat membayar dengan menggunakan Kartu Kredit, Pulsa, Tagihan Pascabayar, Gopay, OVO, Shopee Pay, DANA, minimarket, dan Credit Google Play, sedangkan melalui aplikasi iOS Kompas.com kamu dapat membayar dengan menggunakan Kartu kredit, Gopay dan DANA. Untuk bergabung melalui website <a href="https://plus.kompas.com/">plus.kompas.com</a> dapat menggunakan Kartu Kredit/Debit.</div> </div> <div class="subFaq__item close"> <button class="subTrig -js-show"> <div class="subFaq__title mr10">5. Apakah saya dapat membayar membership Kompas.com+ dengan metode Bank Transfer?</div> <div class="icon-show"></div> </button> <div class="subFaq__content">Saat ini metode pembayaran dengan Bank Transfer belum tersedia di Kompas.com+. </div> </div> <div class="subFaq__item close"> <button class="subTrig -js-show"> <div class="subFaq__title mr10">6. Apakah saya dapat mengubah paket atau berhenti dari membership?</div> <div class="icon-show"></div> </button> <div class="subFaq__content">Kamu dapat berhenti dari membership atau mengganti paket kapanpun. Untuk mengatur membership subscription silakan mengakses akun di Google Play kamu <a href="https://play.google.com/store/account/subscriptions">https://play.google.com/store/account/subscriptions</a> atau <a href="https://myaccount.google.com/subscriptions">https://myaccount.google.com/subscriptions</a> jika menggunakan Subscribe with Google. Untuk pengguna iOS dapat mengakses <a href="https://apps.apple.com/account/subscriptions">https://apps.apple.com/account/subscriptions</a>. </div> </div> <div class="subFaq__item close"> <button class="subTrig -js-show"> <div class="subFaq__title mr10">7. Bagaimana jika saya menemukan kendala dalam bergabung atau memiliki pertanyaan lain?</div> <div class="icon-show"></div> </button> <div class="subFaq__content">Kamu dapat menghubungi kami via email ke <a href="mailto:cs@kompas.com">cs@kompas.com</a> atau melalui Whatsapp ke nomor <a href="https://wa.me/+6281220113212">081220113212</a>.</div> </div> </div> <script src="https://apis.google.com/js/platform.js" async defer></script> <script src="https://apis.google.com/js/api:client.js"></script> </div> <!-- contact --> <div class="subContact"> <div class="subContact__wrap container"> <div class="subContact__title"><strong>Hubungi kami</strong></div> <div class="subContact__item"> <span class="icon icon-clock"></span>Senin - Jumat, <strong>09.00 - 18.00 WIB</strong> </div> <div class="subContact__item"> <a href="mailto:cs@kompas.com" target="_blank"> <span class="icon icon-mail"></span>Email: <strong>cs@kompas.com</strong> </a> </div> <div class="subContact__item"> <a href="https://wa.me/+6281220113212" target="_blank"> <span class="icon icon-wa"></span>Whatsapp: <strong>+6281220113212</strong> </a> </div> </div> </div> <!-- footer --> <!-- modals --> <div id="kcm-modals"> <div class="modals__content"></div> </div> <div id="sso_g_signin"> </div> <!-- footer --> <div class="footerMain clearfix"> <div class="container"> <div class="footerWrap"> <div class="footerCol-column"> <div class="footerLogo"> <a href="https://www.kompas.com"> <img class="lozad" data-src="https://asset.kompas.com/data/2023/11/30/kompascom/desktop/images/logo-kompascom-small.png" alt="www.kompas.com" width="207" height="26"> </a> </div> <div class="footerSosmed"> <ul class="footerSosmed-wrap"> <li> <a href="http://www.facebook.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Facebook"> <div class="iconSos iconSos-facebook"></div> </a> </li> <li> <a href="http://www.twitter.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="X"> <div class="iconSos iconSos-x"></div> </a> </li> <li> <a href="https://t.me/kompascomupdate" target="_blank" class="footerSosmed-link" aria-label="Telegram"> <div class="iconSos iconSos-telegram"></div> </a> </li> <li> <a href="http://instagram.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Instagram"> <div class="iconSos iconSos-instagram"></div> </a> </li> </ul> <ul class="footerSosmed-wrap"> <li> <a href="https://www.youtube.com/c/mykompascom" target="_blank" class="footerSosmed-link" aria-label="Youtube"> <div class="iconSos iconSos-youtube"></div> </a> </li> <li> <a href="https://kmp.im/AGFeTy" target="_blank" class="footerSosmed-link" aria-label="Whatsapp"> <div class="iconSos iconSos-whatsapp"></div> </a> </li> <li> <a href="https://line.me/ti/p/@kompas.com" target="_blank" class="footerSosmed-link" aria-label="Line"> <div class="iconSos iconSos-line"></div> </a> </li> <li> <a href="https://www.tiktok.com/@kompascom?lang=en" target="_blank" class="footerSosmed-link" aria-label="Tiktok"> <div class="iconSos iconSos-tiktok"></div> </a> </li> </ul> </div> <div class="footerDownload"> <ul class="footerDownload-wrap"> <li> <a href="https://apps.apple.com/id/app/kompas-com-berita-terpercaya/id535483055" target="_blank"> <div class="footerDownload-store"> <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-appstore.png" alt="apple store"> </div> </a> </li> <li> <a href="https://play.google.com/store/apps/details?id=com.ertanto.kompas.official&hl=en&gl=US" target="_blank"> <div class="footerDownload-store"> <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-playstore.png" alt="google store"> </div> </a> </li> </ul> </div> <div class="footerAchievement"> <div class="footerAchievement-title"> Penghargaan dan sertifikat: </div> <div class="footerAchievement-wrap"> <div class="footerAchievement-item"> <a href="#" class="footerAchievement-link"> <div class="footerAchievement-img"> <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-wowbrands-2019.png" alt="WOW Brand Indonesia 2019" title="WOW Brand Indonesia 2019"> </div> </a> </div> <div class="footerAchievement-item"> <div class="footerAchievement-link"> <a href="https://money.kompas.com/read/2019/08/01/124215826/kompascom-kembali-jadi-pemenang-kategori-media-online-tepercaya" class="footerAchievement-link"> <div class="footerAchievement-img"> <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-superbrands-2019.png" alt="Superbrand Indonesia 2019 - Trusted Online News" title="Superbrands Indonesia 2019"> </div> </a> </div> </div> <div class="footerAchievement-item"> <a href="https://ifcncodeofprinciples.poynter.org/profile/pt-kompas-cyber-media" class="footerAchievement-link" target="_blank"> <div class="footerAchievement-img"> <img class="lozad" data-src="https://asset.kompas.com/data/2024/wp/images/desktop/logo-ifcn.png" alt="International Fact-Checking Network" title="International Fact-Checking Network" loading="lazy"> </div> </a> </div> </div> </div> <div class="footerNewsletter"> <div class="footerNewsletter-title"> Dapatkan informasi dan insight pilihan redaksi Kompas.com </div> <div class="footerNewsletter-cta"> <a href="javascript:void(0)" onclick="nwsLetterSubmit()" class="footerNewsletter-link"> <i class="iconNewsletter"></i> Daftarkan Email </a> </div> </div> </div> <div class="footerCol-nav"> <div class="footerMenu-title">Kanal</div> <div class="footerMenu"> <ul class="footerMenu-wrap"> <li><a href="https://news.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">News</a></li> <li><a href="https://nasional.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Nasional</a></li> <li><a href="https://www.kompas.com/global?source=kompascom&medium=footer" class="footerMenu-link">Global</a></li> <li><a href="https://megapolitan.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Megapolitan</a></li> <li><a href="https://regional.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Regional</a></li> <li><a href="https://pemilu.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link">Pemilu</a></li> <!-- <li><a href="https://www.kompas.com/ramadhan/?source=kompascom&medium=footer" class="footerMenu-link --linknew">Ramadhan</a></li> --> <li><a href="https://ikn.kompas.com/?source=kompascom&medium=footer" class="footerMenu-link --linknew">IKN</a></li> <li><a href="https://bola.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Bola</a></li> <li><a href="https://tekno.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Tekno</a></li> <li><a href="https://otomotif.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Otomotif</a></li> <li><a href="https://entertainment.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Entertainment</a></li> <li><a href="https://sains.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Sains</a></li> <li><a href="https://health.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Health</a></li> <li><a href="https://money.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Money</a></li> <li><a href="https://www.kompas.com/tren?source=kompascom&medium=footer" class="footerMenu-link">Tren</a></li> <li><a href="https://properti.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Properti</a></li> <li><a href="https://lifestyle.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Lifestyle</a></li> <li><a href="https://www.kompas.com/hype?source=kompascom&medium=footer" class="footerMenu-link">Hype</a></li> <li><a href="https://travel.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Travel</a></li> <li><a href="https://www.kompas.com/homey?source=kompascom&medium=footer" class="footerMenu-link">Homey</a></li> <li><a href="https://www.kompas.com/food?source=kompascom&medium=footer" class="footerMenu-link">Food</a></li> <li><a href="https://umkm.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">UMKM</a></li> <li><a href="https://edukasi.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Edukasi</a></li> <li><a href="https://www.kompas.com/parapuan?source=kompascom&medium=footer" class="footerMenu-link">Parapuan</a></li> <li><a href="https://foto.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Foto</a></li> <li><a href="https://video.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Video</a></li> <li><a href="https://kolom.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Kolom</a></li> <li><a href="https://vik.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">VIK</a></li> <li><a href="https://jeo.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">JEO</a></li> <li><a href="https://lestari.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Lestari</a></li> <li><a href="https://ohayojepang.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Ohayo Jepang</a></li> <li><a href="https://pesonaindonesia.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Pesona Indonesia</a></li> <li><a href="https://play.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Play</a></li> <li><a href="https://indeks.kompas.com/terpopuler?source=kompascom&medium=footer" class="footerMenu-link">Artikel Terpopuler</a></li> <li><a href="https://indeks.kompas.com?source=kompascom&medium=footer" class="footerMenu-link">Artikel Terkini</a></li> <li><a href="https://www.kompas.com/topik-pilihan?source=kompascom&medium=footer" class="footerMenu-link">Topik Pilihan</a></li> <li><a href="https://indeks.kompas.com/headline?source=kompascom&medium=footer" class="footerMenu-link">Artikel Headline</a></li> </ul> </div> </div> <div class="footerCol-nav --colNetwork"> <div class="footerMenu-title">Network</div> <div class="footerMenu"> <ul class="footerMenu-wrap"> <li><a href="https://kompas.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Kompas.com</a></li> <li><a href="https://kompas.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Harian KOMPAS</a></li> <li><a href="https://www.kompas.tv?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">KompasTV</a></li> <li><a href="https://www.kompasiana.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Kompasiana</a></li> <li><a href="https://www.kgmedia.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">KG Media</a></li> <li><a href="https://www.kgnow.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">KGNow!</a></li> <li><a href="https://pasangiklan.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Pasangiklan.com</a></li> <li><a href="https://www.kontan.co.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Kontan</a></li> <li><a href="https://www.sonora.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Sonora</a></li> <li><a href="https://www.grid.id?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Grid.ID</a></li> <li><a href="https://www.gridoto.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">GridOto.com</a></li> <li><a href="https://www.bolasport.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">BolaSport.com</a></li> <li><a href="https://parapuan.co/?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Parapuan</a></li> <li><a href="https://www.tribunnews.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Tribunnews</a></li> <li><a href="https://www.gramedia.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Gramedia.com</a></li> <li><a href="https://ebooks.gramedia.com?source=kompascom&medium=footer" class="footerMenu-link" target="_blank">Gramedia Digital</a></li> </ul> </div> </div> </div> <div class="footerBottom"> <div class="footerBottom-wrap"> <ul class="footerBottom-menu"> <li> <a class="footerMenu-link" href="https://kabarpalmerah.kompas.com/">Kabar Palmerah</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/about-us">About Us</a> </li> <li> <a class="footerMenu-link" href="http://www.meetkcm.com/">Advertise</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/term-of-use">Ketentuan Penggunaan</a> </li> <li> <a class="footerMenu-link" href="https://www.kgmedia.id/legal-privacy-id">Kebijakan Data Pribadi</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/pedoman">Pedoman Media Siber</a> </li> <li> <a class="footerMenu-link" href="https://jobs.kompas.com">Career</a> </li> <li> <a class="footerMenu-link" href="https://inside.kompas.com/about-us#meet">Contact Us</a> </li> </ul> </div> <div class="footerCopyright"> <p>Copyright 2008 - 2024 PT. Kompas Cyber Media (Kompas Gramedia Digital Group). All Rights Reserved.</p> </div> </div> </div> </div> </div> <script type="text/javascript"> function getCookieNwsLetter(name) { var re = new RegExp(name + "=([^;]+)"); var value = re.exec(document.cookie); return (value != null) ? unescape(value[1]) : null; } function nwsLetterSubmit() { var token = getCookieNwsLetter("kmp_uid"); if (token !== null) { window.location.href = "https://www.kompas.com/newsletter/pendaftaran-berhasil"; } else { window.location.href = 'https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly93d3cua29tcGFzLmNvbS9uZXdzbGV0dGVyL3BlbmRhZnRhcmFuLWJlcmhhc2ls?source=kompas.com&medium=gatenewsletter'; } } </script> </div> <script src="https://asset.kompas.com/data/2024/10/24/kompascom/js/sso_g_signin_fedcm.min.js"></script> <!-- <script src="https://asset.kompas.com/data/2017/wp/js/radio-stream.js"></script> --> <script src="https://asset.kompas.com/data/2017/wp/js/slick.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/jquery.sticky-kit.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/jquery.marquee.min.js?v=11"></script> <script src="https://asset.kompas.com/data/2017/wp/js/jquery.lazyload.min.js"></script> <script src="https://asset.kompas.com/data/2024/02/22/kompascom/desktop/css/main.min.js"></script> <script src="https://asset.kompas.com/data/2024/02/27/sso/js/sso_personalisasi.min.js"></script> <script type="text/javascript" src="https://asset.kompas.com/data/2023/sso/js/sdk-cookie-consent-v3.min.js"></script> <script src="https://asset.kompas.com/data/2023/08/30/sso/js/extender.min.js"></script> <script src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=2"></script> <script src="https://asset.kompas.com/data/2017/wp/js/photoswipe.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/photoswipe-ui-default.min.js"></script> <script src="https://asset.kompas.com/data/2023/08/31/kompascom/desktop/js/main-article.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/bootstrap-datepicker.min.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/jquery.magnific-popup.min.js"></script> <script src="https://asset.kompas.com/data/2023/09/20/kompascom/desktop/js/main-comment.min.js"></script> <script> !(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> <script> function setCookieUkid(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";domain=.kompas.com;path=/;"; } if(document.cookie.indexOf('ukid=') == -1){ var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var ukid_cookie = JSON.parse(xhttp.responseText); setCookieUkid('ukid', ukid_cookie.ukid, 365); } }; xhttp.open("GET", "https://apis.kompas.com/api/activity/user", true); xhttp.send(); } </script><script> /*! lozad.js - v1.7.0 - 2018-11-08 * https://github.com/ApoorvSaxena/lozad.js * Copyright (c) 2018 Apoorv Saxena; Licensed MIT */ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.lozad=e()}(this,function(){"use strict";var g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},r="undefined"!=typeof document&&document.documentMode,l={rootMargin:"0px",threshold:0,load:function(t){if("picture"===t.nodeName.toLowerCase()){var e=document.createElement("img");r&&t.getAttribute("data-iesrc")&&(e.src=t.getAttribute("data-iesrc")),t.getAttribute("data-alt")&&(e.alt=t.getAttribute("data-alt")),t.appendChild(e)}t.getAttribute("data-src")&&(t.src=t.getAttribute("data-src")),t.getAttribute("data-srcset")&&t.setAttribute("srcset",t.getAttribute("data-srcset")),t.getAttribute("data-background-image")&&(t.style.backgroundImage="url('"+t.getAttribute("data-background-image")+"')"),t.getAttribute("data-toggle-class")&&t.classList.toggle(t.getAttribute("data-toggle-class"))},loaded:function(){}}; /** * Detect IE browser * @const {boolean} * @private */function f(t){t.setAttribute("data-loaded",!0)}var b=function(t){return"true"===t.getAttribute("data-loaded")};return function(){var r,o,a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:".lozad",t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},e=g({},l,t),n=e.root,i=e.rootMargin,d=e.threshold,u=e.load,c=e.loaded,s=void 0;return window.IntersectionObserver&&(s=new IntersectionObserver((r=u,o=c,function(t,e){t.forEach(function(t){(0<t.intersectionRatio||t.isIntersecting)&&(e.unobserve(t.target),b(t.target)||(r(t.target),f(t.target),o(t.target)))})}),{root:n,rootMargin:i,threshold:d})),{observe:function(){for(var t=function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document;return t instanceof Element?[t]:t instanceof NodeList?t:e.querySelectorAll(t)}(a,n),e=0;e<t.length;e++)b(t[e])||(s?s.observe(t[e]):(u(t[e]),f(t[e]),c(t[e])))},triggerLoad:function(t){b(t)||(u(t),f(t),c(t))},observer:s}}}); </script> <script type="text/javascript"> // Initialize library $(document).ready(function(){ lozad('.lozad', { load: function(el) { el.src = el.dataset.src; el.onload = function() { el.classList.add('fade') } } }).observe() }); </script> <script> var el_badge = document.querySelector('.sso__badge') var el_badge_menu = document.querySelector('.sso__badge__inline') function checkSession() { var badge_temp_session = getCookie("_badge_temp_session") var badge_session = getCookie("badge_session") var badge_first_click = getCookie("badge_first_click"); if (badge_temp_session == "" && badge_session == "") { setCookie("_badge_temp_session", 1) setCookie("badge_session", 1, 8760) // console.log("test badge temp 1") } else if (badge_temp_session == "" && badge_session == 1) { setCookie("_badge_temp_session", 1) setCookie("badge_session", 2, 8760) // console.log("test badge temp 2") } else if (badge_temp_session == "" && badge_session == 2 && badge_first_click == 1) { setCookie("_badge_temp_session", 1) setCookie("badge_session", 3, 8760) // console.log("test badge temp 3") } setCookie("_badge_temp_session", 1) } checkSession() function checkCookieBadgeNps() { var badge_session = getCookie("badge_session") var badge_first_click = getCookie("badge_first_click") var click_icon_badge = getCookie("click_icon_badge") var feedback_click = getCookie("feedback_click_badge") // show badge jika sesi berikutnya if (badge_session == 2) { el_badge.style.display = "block" el_badge_menu.style.display = "block" // console.log("test 1") } // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali, maka hide badge icon login if (badge_session == 2 && badge_first_click == 1) { el_badge.style.display = "none" // console.log("test 2") // jika tidak cek, // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali // atau jika di sesi berikutnya dan cookie click icon badge expired // atau jika di sesi berikutnya dan cookie badge feedback success expired } else if ((badge_session == 3 && badge_first_click == 1) || (badge_session == 3 && document.cookie.indexOf("click_icon_badge=") == -1) || (badge_session == 3 && document.cookie.indexOf("badge_feedback_success=") == -1)) { el_badge.style.display = "block" el_badge_menu.style.display = "block" // console.log("test 3") } // hide jika ada cookie click icon badge masih aktif // utk cek cookie 2 jam, 1 hari, 1 minggu dan 4 minggu. if (document.cookie.indexOf("click_icon_badge=") != -1) { el_badge.style.display = "none" // console.log("test 4") } // jika "Berikan masukkanmu" telah dikilk, maka hide // jika tidak cek jika sesi > 1 dan cookie feedback click badge "Berikan masukkanmu" expired, maka show if (document.cookie.indexOf("feedback_click_badge=") != -1) { el_badge_menu.style.display = "none" // console.log("test 5") } else if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge=") == -1) { el_badge_menu.style.display = "block" // console.log("test 6") } // hide jika telah memberi penilaian if (document.cookie.indexOf("badge_feedback_success=") != -1) { el_badge.style.display = "none" el_badge_menu.style.display = "none" // console.log("test 7") } } checkCookieBadgeNps() var sso__icon__login_top = document.getElementById('sso__icon__login_top') sso__icon__login_top.addEventListener('click', function() { var badge_session = getCookie("badge_session") var badge_first_click = getCookie("badge_first_click") var feedback_success = getCookie("badge_feedback_success") var click_icon_badge = getCookie("click_icon_badge") var click_icon_counter_badge = getCookie("click_icon_counter_badge") if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) { // click untuk pertama kali di sesi berikutnya if (badge_session == 2 && badge_first_click == "") { el_badge.style.display = "none" el_badge_menu.style.display = "block" setCookie("badge_first_click", 1, 8760) // console.log("click 1") // click jika sesi berikutnya setelah mengklik icon badge utk pertama kali } else { // jika belum ada cookie click icon badge // dan ada di sesi berikutnya setelah click icon pertama kali // dan counter click icon kosong atau 0 if (badge_session == 3 && click_icon_badge == "" && (click_icon_counter_badge == "" || click_icon_counter_badge == 0)) { setCookie("click_icon_counter_badge", 1, 8760) setCookie("click_icon_badge", 1, 2) el_badge.style.display = "none" el_badge_menu.style.display = "block" // console.log("clicked 1") // Jika cookie badge click icon expired dan counter = 1, maka set 1 hari } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 1) { setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760) setCookie("click_icon_badge", 2, 24) el_badge.style.display = "none" el_badge_menu.style.display = "block" // console.log("clicked 2") // Jika cookie badge click icon expired dan counter = 2, maka set 1 minggu } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 2) { setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760) setCookie("click_icon_badge", 3, 168) el_badge.style.display = "none" el_badge_menu.style.display = "block" // console.log("clicked 3") // Jika cookie badge click icon expired dan counter lebih dari 2, maka set 4 minggu } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge > 2) { setCookie("click_icon_counter_badge", 0, 8760) // reset badge counter click icon setCookie("click_icon_badge", 4, 672) el_badge.style.display = "none" el_badge_menu.style.display = "block" // console.log("clicked 4") } // console.log("click 2") } // jika feedback click expired dan counter >= 0, maka show var feedback_click_counter = getCookie("feedback_click_counter_badge") if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge") == -1 && feedback_click_counter >= 0) { el_badge_menu.style.display = 'block' } } }) var feedback__item = document.getElementById('feedback__item') feedback__item.addEventListener("click", function() { var feedback_click = getCookie("feedback_click_badge") var feedback_success = getCookie("badge_feedback_success") var feedback_click_counter = getCookie("feedback_click_counter_badge") if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) { // jika belum ada cookie feedback click counter, maka set 2 jam if (feedback_click_counter == "" || feedback_click_counter == 0) { setCookie("feedback_click_counter_badge", 1, 8760) setCookie("feedback_click_badge", 1, 2) el_badge_menu.style.display = "none" // console.log("feedback clicked 1") // Jika cookie feedback click badge expired dan counter 1, maka set 1 hari } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 1) { setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760) setCookie("feedback_click_badge", 2, 24) el_badge_menu.style.display = "none" // console.log("feedback clicked 2") // Jika cookie feedback click badge expired dan counter 2, maka set 1 minggu } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 2) { setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760) setCookie("feedback_click_badge", 3, 168) el_badge_menu.style.display = "none" // console.log("feedback clicked 3") // Jika cookie feedback click badge expired dan counter > 2, maka set 4 minggu } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter > 2) { setCookie("feedback_click_counter_badge", 0, 8760) setCookie("feedback_click_badge", 4, 672) el_badge_menu.style.display = "none" // console.log("feedback clicked 4") } else { // jika di sesi sebelumnya sudah diklik tapi belum isi feedback el_badge_menu.style.display = "none" // console.log("feedback clicked 5") } } }) function setCookie(name,value,hour) { var expires = ""; if (hour) { var date = new Date(); date.setTime(date.getTime() + (hour*60*60*1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; ;domain=.kompas.com;path=/"; } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { 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 ""; } // action create cookie badge_feedback_success expired 90 hari var onSubmitNps = document.getElementById("nps-submit") if (onSubmitNps !== null) { onSubmitNps.addEventListener("click", function(e) { // e.preventDefault() setCookie("badge_feedback_success", 1, 2160) }) } </script><script> const showAllBtnJs = document.querySelector('#show_all_news') if (!!showAllBtnJs) { showAllBtnJs.addEventListener('click', function() { const startPage = showAllBtnJs.dataset.startPage const url = new URL(window.location.href); window.location.href = `${url.origin}${url.pathname}?page=all#page${startPage}`; }) } </script> <script> var addebug = document.querySelectorAll('.cpRight'); for (i = 0; i < addebug.length; ++i) { addebug[i].addEventListener('click', function handleClick() { googletag.openConsole(); }); }; </script> <script> var inject_baca_juga = document.getElementsByClassName('inject-baca-juga'); if(inject_baca_juga.length > 0){ var xhr_auto_baca_juga = new XMLHttpRequest(); xhr_auto_baca_juga.open("POST", "https://recommendation.kgdata.dev/rec/kompascom/api/v2/recommendation/item", true); xhr_auto_baca_juga.setRequestHeader("Content-Type", "application/json"); xhr_auto_baca_juga.onreadystatechange = function () { if (xhr_auto_baca_juga.readyState === 4 && xhr_auto_baca_juga.status === 200) { var json_baca_juga = JSON.parse(xhr_auto_baca_juga.responseText); for (var i = 0; i < inject_baca_juga.length; i++) { inject_baca_juga[i].innerHTML = '<p><strong>Baca juga: <a href="'+json_baca_juga.items[i].url.replace('http:/','https:/')+'?source=bacajuga&engine=C" class="inner-link-baca-juga" target="_self">'+json_baca_juga.items[i].title+'</a></strong></p>'; } } }; var data = JSON.stringify({ "pageurl" : "https://plus.kompas.com/", "pagetype" : "baca-juga" }); xhr_auto_baca_juga.send(data); } </script> <script src="https://asset.kompas.com/data/2024/01/02/langganan/desktop/js/main-subs.min.js"></script> <!-- swg --> <script async subscriptions-control="manual" src="https://news.google.com/swg/js/v1/swg.js"></script> <script src="https://asset.kompas.com/data/2017/wp/js/jquery-redirect.js"></script> <script> var base_url_subs = window.location.origin; var buttonElement = document.getElementById("btn-subs"); // inisiasi swg swg() function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(";"); for (var i = 0; i < ca.length; i++) { 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 "" } function google_sigin() { gapi.load('auth2', function(){ // Retrieve the singleton for the GoogleAuth library and set up the client. auth2 = gapi.auth2.init({ client_id: '776828813358-infk4sje3q07sa8mg8n6lq1mk2pdkkua.apps.googleusercontent.com', cookiepolicy: 'single_host_origin', scope: 'profile email' }).then(function(authResult){ authResult.signIn() var signedIn = authResult.isSignedIn.get(); console.log('signedIn',signedIn); if (signedIn) { //Call signedInCallback yourself signedInCallback(signedIn); } else { //Get Callback when Login With Google is clicked and authenticated authResult.isSignedIn.listen(signedInCallback); } function signedInCallback(signedIn) { console.log('signInCallback', signedIn); if (signedIn) { var currentUser = authResult.currentUser.get(); console.log('currentUser',currentUser); // authResult.currentUser.listen(currentUserCallback) // Retrieve the Google account data gapi.client.load('oauth2', 'v2', function () { var request = gapi.client.oauth2.userinfo.get({ 'userId': 'me' }); request.execute(function (resp) { gapi.auth2.getAuthInstance().signOut(); gapi.auth2.getAuthInstance().disconnect(); var id_token = currentUser.getAuthResponse().id_token; service = 'a29tcGFz'; continue_url = 'aHR0cHM6Ly9wbHVzLmtvbXBhcy5jb20v'; utm_source = ''; utm_medium = ''; utm_campaign = ''; console.log({provider:'google', user: JSON.stringify(resp), 'service': service, 'continue': continue_url, 'utm_source': utm_source, 'utm_medium': utm_medium, 'utm_campaign': utm_campaign, 'id_token': id_token}); $.redirect('https://account.kompas.com/social/user', {provider:'google', user: JSON.stringify(resp), 'service': service, 'continue': continue_url, 'utm_source': utm_source, 'utm_medium': utm_medium, 'utm_campaign': utm_campaign, 'id_token': id_token}); }); }); } else { // btnGoogleLogin.html("Login with Google"); } } }); }); } function checkSubscription(){ return new Promise(resolve => { let kgid = getCookie('kmps_usrid') if(kgid){ $.get('https://subs.kompas.com/api/v1/subscription?user_id='+kgid+'&category_id=2', function(res){ if(res.data.length > 0){ resolve(res.data); }else{ resolve(false); } }) }else{ resolve(false); } }); } function linkAccount(subscriptions){ if(document.cookie.indexOf('swg_link_account=') == -1 && document.getElementsByName('subscription')[0].getAttribute('content') == 'True'){ const requestPromise = new Promise(resolve => { // when you use the implicit flow, generate an access token let kgid = getCookie('kmps_usrid') resolve({token: kgid}); }); subscriptions.saveSubscription(() => requestPromise).then( result => { if (result) { console.log('result', result) // save subscription completed successfully window.location.reload(); } else { document.cookie = 'swg_link_account=1' // user selected "no thanks" or save subscription failed } } ); } } function getParamsAccessToken() { const urlParams = new URLSearchParams(window.location.search); let access_token = urlParams.get('access_token'); if(access_token){ return access_token; } return false; } function getEntitlementByApi(access_token) { return new Promise((resolve, reject) => { $.ajax({ type:'get', url:'https://subscribewithgoogle.googleapis.com/v1/publications/kompas.com/entitlements?access_token='+access_token, dataType:'json', success:function(res){ resolve(res) }, error: function(xhr, textStatus, errorThrown){ resolve(false) } }); }); } function swg(){ (self.SWG = self.SWG || []).push(async function(subscriptions) { subscriptions.init("kompas.com"); if(document.cookie.indexOf('swg_entitlement=') == -1){ subscriptions.getEntitlements().then(function(entitlements) { console.log(entitlements) }); } subscriptions.setOnEntitlementsResponse(function(entitlementsPromise) { entitlementsPromise.then(async function(entitlements) { // let ent_internal = await checkSubscription(); entitlements.tcookie = false; let ent = entitlements.entitlements; let access_token = getParamsAccessToken() let tcookie = false console.log('ent before', ent); console.log('ent before', entitlements); console.log(typeof ent); if(!ent.length){ console.log('check entitlement via api') if(access_token){ entitlement = await getEntitlementByApi(access_token) if(entitlement.entitlements){ ent = entitlement.entitlements entitlements.tcookie = true } } } console.log('ent', ent); console.log('ent after', entitlements); console.log(typeof ent); if (ent.length) { if(document.getElementsByName('subscription')[0].getAttribute('content') == 'False'){ ent.forEach(function(item,i) { var accountPromise = new Promise(async (resolve, reject) => { account = await lookupAccount(item); if(!account && entitlements.tcookie){ var store = await subsRegistration(JSON.parse(item.subscriptionToken)) setTimeout(function(){ window.location.href = 'https://plus.kompas.com/akun' }, 5000) }else{ resolve(account) } }); subscriptions.waitForSubscriptionLookup(accountPromise).then(async account => { console.log('account', account); if(account){ subscriptions.showLoginPrompt().then(() => { // User clicked 'Yes'. // Notify the user that they're being logged in with Google. subscriptions.showLoginNotification().then(() => { // Publisher shows content. // google_sigin() let subscriptionToken = JSON.parse(item.subscriptionToken) $.redirect('https://account.kompas.com/social/subscription', {package_name:subscriptionToken.packageName, subscription_id:subscriptionToken.productId, purchase_token:subscriptionToken.purchaseToken, continue:btoa(window.location.href)}); }); }, reason => { // User clicked 'No'. Publisher can decide how to handle this // situation. // handleCancellation(); console.log(reason) document.cookie='swg_entitlement=1' }); }else{ // Account was not found, or existing account has no subscription. // Let's create a new one or link to the existing publisher account. subscriptions.completeDeferredAccountCreation({ entitlements: entitlements, consent: true }).then(async response => { console.log(response) user_id_payment = await ssoRegistration(response) // var store = await swgMapping(response, kmps_usrid, user_id_payment) var store = await subsRegistration(response) // 1. The user has consented to account creation. Create account // based on the response. // 2. Signal that the account creation is complete. response.complete().then(() => { // 3. The flow is complete. subscriptions.showLoginNotification().then(() => { // Publisher shows content. // google_sigin() let subscriptionToken = JSON.parse(item.subscriptionToken) $.redirect('https://account.kompas.com/social/subscription', {package_name:subscriptionToken.packageName, subscription_id:subscriptionToken.productId, purchase_token:subscriptionToken.purchaseToken, continue:btoa(window.location.href)}); }); }); }); } }); }); entitlements.ack(); } }else{ let kmps_usrid = getCookie('kmps_usrid') if(kmps_usrid){ // linkAccount(subscriptions); } } }); }); buttonElement.onclick = async function(){ show_offers(subscriptions) } subscriptions.setOnLoginRequest(async function(){ let kgid = getCookie('kmps_usrid') if(kgid){ window.location.href = 'https://account.kompas.com/login/a29tcGFz/'+btoa(window.location.href); } }) subscriptions.setOnPaymentResponse(function(paymentResponse) { console.log('paymentResponse :') console.log(paymentResponse) paymentResponse.then(async function(response) { console.log('response :') console.log(response) var userData = {...response.userData} var kmps_usrid = getCookie('kmps_usrid') // 1. check atau daftarkan user ke sso. user_id_payment = await ssoRegistration(response) // 2. Store to Kompas Subs API var store = await subsRegistration(response) console.log('user_id_payment :' + user_id_payment) if(kmps_usrid == ''){ // 2. Once the payment is processed (see Create Accounts for New Subscribers): response.complete().then(function() { // 3. The subscription is fully processed. swgLoginSSO(userData) }); }else{ response.complete().then(function() { window.location.replace('https://plus.kompas.com/progress') }); } }); }); }); } function lookupAccount(data){ return new Promise((resolve, reject) => { $.ajax({ url: 'https://subs.kompas.com/api/v1/swg/lookup_account', type:'post', dataType:'json', data:{ data: JSON.stringify(data) }, success:function(result){ console.log(result) if(result.status){ setTimeout(function(){ resolve(true) }, 3000) }else{ resolve(false) } }, error: function(xhr, textStatus, errorThrown){ resolve(false) } }); }); } function subsRegistration(response){ return new Promise((resolve, reject) => { $.ajax({ url: 'https://subs.kompas.com/api/v1/swg/subs_registration', type:'post', dataType:'json', data:{ data: JSON.stringify(response) }, success:function(result){ console.log(result) if(result.status){ resolve(true) }else{ resolve(false) } }, error: function(xhr, textStatus, errorThrown){ resolve(false) } }); }); } function ssoRegistration(response){ let data = JSON.stringify({ "email" : response.userData.email, "id_token" : response.userData.idToken, "source" : "google", "user" : { "id" : response.userData.id, "name" : response.userData.name, "email" : response.userData.email, "profile_picture" : response.userData.pictureUrl, "service" : "kgmedia" } }) console.log(data) return new Promise((resolve, reject) => { $.ajax({ url: "https://play.kompas.com/api/login", type:'post', dataType:'json', data:data, success:function(result){ console.log('sso check done') console.log(result); if(result.status){ //kgid let kgid = result.user_data.id console.log(kgid) setTimeout(() => { resolve(kgid) },3000) }else{ resolve(false) } }, error: function(xhr, textStatus, errorThrown){ console.log('sso check done') console.log(textStatus); } }); }); } function swgLoginSSO(userData){ let data = swgPrepareDataSSO(userData); $.redirect('https://account.kompas.com/social/user', data); } function swgPrepareDataSSO(userData){ let id_token = userData.idToken; let user = swgConvertFormatUserForSSO(userData) let service = 'a29tcGFz'; let continue_url = 'aHR0cHM6Ly9wbHVzLmtvbXBhcy5jb20vcHJvZ3Jlc3M/YXV0b2xvZ2luPTE='; let utm_source = ''; let utm_medium = ''; let utm_campaign = ''; // console.log({provider:'google', user: user, 'service': service, 'continue': continue_url, 'utm_source': utm_source, 'utm_medium': utm_medium, 'utm_campaign': utm_campaign, 'id_token': id_token}); let data = {provider:'google', user: user, 'service': service, 'continue': continue_url, 'utm_source': utm_source, 'utm_medium': utm_medium, 'utm_campaign': utm_campaign, 'id_token': id_token} return data } function swgConvertFormatUserForSSO(userData) { let data = { "id": userData.id, "email": userData.email, "verified_email": userData.emailVerified, "name": userData.name, "given_name": userData.givenName, "family_name": userData.familyName, "picture": userData.pictureUrl, "locale": "id", "result": { "id": userData.id, "email": userData.email, "verified_email": true, "name": userData.name, "given_name": userData.givenName, "family_name": userData.familyName, "picture": userData.pictureUrl, "locale": "id" } } return JSON.stringify(data) } function show_offers(subscriptions) { subscriptions.showOffers({ isClosable: true, }); } </script> <!-- untuk ngecek user udh bayar apa belum --> <script async src="https://cdn.oval.id/tracker/p/kompas/oval_web_analytics_latest.js"></script> </body> </html>