Tips Memilih Jurusan dan Lolos Kampus/Universitas Ternama
SMA & SMK Sederajat
*Syarat dan Ketentuan Berlaku
Jadi Juara dengan Belajar di Rumah
SMP Sederajat
*Syarat dan Ketentuan Berlaku
Smart Parents (Khusus orangtua/wali siswa SD)
Parenting
*Syarat dan Ketentuan Berlaku
×
Tips Memilih Jurusan dan Lolos Kampus/Universitas Ternama
SMA & SMK Sederajat
Memilih Jurusan yang sesuai dengan Passion memang sedikit susah-susah gampang, apalagi Lolos di Kampus/Universitas ternama dengan jurusan yang tepat. Dan ini adalah
impian sebagian besar siswa/i SMA/MA seluruh Indonesia. Dengan persiapan yang matang dan strategi yang jelas, bukan suatu hal yang mustahil buat adik-adik agar bisa
lolos ke Universitas ternama dengan jurusan yang tepat walaupun dengan persaingan yang sangat ketat.
Adik-adik bisa mengetahui lebih banyak tentang persiapan hingga strategi untuk memilih jurusan dan lolos Universitas ternama melalui Webinar/Seminar Online oleh
Ruangguru. GRATIS LOH!!!
Batas Pendaftaran: 26 Juli 2020
Tanggal: 27 Juli 2020 - 29 Juli 2020
Waktu: 15.00 - 16.30 WIB
Lokasi: Online webinar via google meet
Keuntungan yang akan teman-teman dapatkan:
- E-Certificate
- Pulsa gratis*
- Teman-teman baru
Afriyola (081319949773)
*Syarat dan Ketentuan Berlaku
×
Jadi Juara dengan Belajar di Rumah
SMP Sederajat
Pembicara: Konsultan Pendidikan Ruangguru
Belajar dari rumah bukan berarti tak bisa maksimal, kita tetap masih bisa menggapai mimpi dan merealisasikan apa yang sudah kita usahakan selama ini, asal media
pembelajarannya interaktif dan sumbernya terpercaya. Bahkan bukan suatu hal yang mustahil loh untuk adik-adik bisa juara di kelas hanya dengan belajar dari rumah.
Adik-adik bisa mengetahui lebih banyak tentang tips agar jadi juara dengan belajar di rumah melalui Webinar/Seminar Online oleh Ruangguru. GRATIS LOH!!!
Batas Pendaftaran: 26 Juli 2020
Tanggal: 27 Juli 2020 - 29 Juli 2020
Waktu: 15.00 - 16.30 WIB
Lokasi: Online webinar via google meet
Keuntungan yang akan Adik-adik dapatkan:
- E-Certificate
- Pulsa gratis*
- Teman-teman baru
Afriyola (081319949773)
*Syarat dan Ketentuan Berlaku
×
Smart Parents (Khusus orangtua/wali siswa SD)
Parenting
Pembicara: Konsultan Pendidikan Ruangguru
Peran orang tua akhir-akhir ini sangat penting dalam mendampingi anak belajar dari rumah apalagi bagi orang tua yang memiliki anak yang masih duduk dibangku Sekolah
Dasar. Mengacu kepada kebijakan dari Kemendikbud yaitu belum mengizinkan daerah/kota selain zona hijau untuk melakukan proses pembelajaran tatap muka, alias masih
menerapkan sistem pembelajaran daring (Online). Maka dari itu dibutuhkan peran pendampingan orang tua dalam mengembangkan dan menerapkan manajemen pembelajaran online
agar anak tetap maksimal walaupun belajar dari rumah.
Bapak/Ibu bisa mengetahui lebih banyak tentang tips mendampingi anak belajar di rumah melalui Webinar/Seminar Online oleh Ruangguru khusus untuk Orang Tua Siswa
Sekolah Dasar dari Kelas 1 - 6 . GRATIS.
Batas Pendaftaran: 25 Juli 2020
Tanggal: 26 Juli 2020 - 28 Juli 2020
Waktu: 19.00 - 20.30 WIB
Lokasi: Online webinar via google meet
Keuntungan yang kamu dapatkan:
- E-Certificate
- Pulsa gratis*
Hanna (08999226564)
*Syarat dan Ketentuan Berlaku
<!doctype html>
<html class="no-js" lang="id">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="PT Ruang Raya Indonesia" />
<meta name="description" content="Ikuti kelas webinar online dari Ruangguru sekarang! Pelajari beragam materi seputar motivasi, tips, & strategi belajar yang tepat untuk masa depanmu." />
<meta name="generator" content="HubSpot" />
<title>Motivasi Belajarmu dengan Webinar Nasional di Ruangguru!</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta
property="og:description"
content="Ikuti kelas webinar online dari Ruangguru sekarang! Pelajari beragam materi seputar motivasi, tips, & strategi belajar yang tepat untuk masa depanmu."
/>
<meta property="og:title" content="Motivasi Belajarmu dengan Webinar Nasional di Ruangguru!" />
<meta
name="twitter:description"
content="Ikuti kelas webinar online dari Ruangguru sekarang! Pelajari beragam materi seputar motivasi, tips, & strategi belajar yang tepat untuk masa depanmu."
/>
<meta name="twitter:title" content="Motivasi Belajarmu dengan Webinar Nasional di Ruangguru!" />
<style>
a.cta_button {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
vertical-align: middle;
}
.hs-breadcrumb-menu {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.hs-breadcrumb-menu-item {
float: left;
padding: 10px 0px 10px 10px;
}
.hs-breadcrumb-menu-divider:before {
content: '›';
padding-left: 10px;
}
.hs-featured-image-link {
border: 0;
}
.hs-featured-image {
float: right;
margin: 0 0 20px 20px;
max-width: 50%;
}
@media (max-width: 568px) {
.hs-featured-image {
float: none;
margin: 0;
width: 100%;
max-width: 100%;
}
}
.hs-screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
</style>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845607410/module_39227318886_header-homepage-ruangguru-2021.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/44980440489/1661483386153/A_Ruangguru_Projects/Project_Hofar/CSS_Javascript_Auto_Generate_Breadcrumb_-_V1.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/31748588232/1620375681726/module_31748588232_webinar_content.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/11084302763/1623316230396/module_11084302763_New_Footer_RG_2019.min.css"
/>
<!-- Added by GoogleAnalytics integration -->
<script>
var _hsp = (window._hsp = window._hsp || []);
_hsp.push([
'addPrivacyConsentListener',
function (consent) {
if (consent.allowed || (consent.categories && consent.categories.analytics)) {
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
(i[r] =
i[r] ||
function () {
(i[r].q = i[r].q || []).push(arguments);
}),
(i[r].l = 1 * new Date());
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-49650255-1', 'auto');
ga('send', 'pageview');
}
},
]);
</script>
<!-- /Added by GoogleAnalytics integration -->
<link rel="canonical" href="https://www.ruangguru.com/event/webinar" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script>
(function (h, e, a, t, m, p) {
m = e.createElement(a);
m.async = !0;
m.src = t;
p = e.getElementsByTagName(a)[0];
p.parentNode.insertBefore(m, p);
})(window, document, 'script', 'https://u.heatmap.it/log.js');
</script>
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<script>
document.querySelector('meta[name="author"]').setAttribute('content', 'Ruangguru Tech Team');
</script>
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<!--
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49650255-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-49650255-1');
</script>
-->
<!-- 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-PVNLZFT');
</script>
<!-- End Google Tag Manager -->
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/event/webinar" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="content-language" content="id" />
<link rel="stylesheet" href="https://cdn-web-2.ruangguru.com/landing-page-web/public/assets/common/layout.min.css" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/32781682988/1666344401391/A_Ruangguru_Projects/1_SOP_Landing_Page/SOP_Style_Ruangguru.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/13674393145/1642662879658/A_Ruangguru_Projects/Include_Styles/Ruangguru_Style_V2.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/13674393299/1593574562743/A_Ruangguru_Projects/Include_Styles/Ruangguru_Section_General.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/31748748984/1618979321390/A_Ruangguru_Projects/LP_Webinar_Ruangguru/webinar-style.min.css"
/>
<style>
html,
body {
height: 100% !important;
margin: 0;
min-height: 100% !important;
}
body {
min-height: 100% !important;
}
</style>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/event/webinar/assets/index-Dqv5PPZA.js"></script>
</head>
<body class="hs-content-id-31783583871 hs-landing-page hs-page" style="">
<div class="header-container-wrapper">
<div class="header-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_162037365767446"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> -->
<style></style>
<nav class="ruangguru-header">
<div class="page-center">
<div class="container-ruangguru-header">
<div class="navigation__left">
<div class="hamburger-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ic_hamburger_black.svg" alt="Dropdown Navigation Icon" />
</div>
<a href="https://www.ruangguru.com/">
<div class="logo-header">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo ruangguru" />
</div>
</a>
</div>
<div class="navigation__content">
<div class="navig-link navig-link-dropdown" id="produk" aria-expanded="false">
<a>Produk</a>
</div>
<div class="navig-dropdown-area closed" id="produk_item">
<!-- ruangbelajar -->
<a href="https://www.ruangguru.com/ruangbelajar">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/rb.svg" alt="Logo ruangbelajar" loading="lazy" />
</div>
<p class="text-product">Belajar seru dengan video dan latihan soal, anti remed!</p>
</div>
</a>
<!-- BA -->
<a target="_blank" href="https://www.brainacademy.id">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/logo_BA.svg"
alt="Logo Brain Academy"
loading="lazy"
/>
</div>
<p class="text-product">Bimbel Live Interaktif bersama STAR Master Teacher + Klinik PR</p>
</div>
</a>
<!-- roboguru -->
<a href="https://roboguru.ruangguru.com/">
<div class="item-product">
<div class="logo-product">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/20b7b17a-62ba-43ee-bea8-b71c10f5fb0c.png?convert=webp" width="125" alt="Logo roboguru" loading="lazy" />
</div>
<p class="text-product">Foto dan upload soal susahmu dan dapatkan semua jawabannya di sini!</p>
</div>
</a>
<!-- roboguru plus -->
<a href="https://www.ruangguru.com/roboguruplus">
<div class="item-product">
<div class="logo-product">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/ea267d76-9d20-45b0-9c2c-88e78c199f5d.png?convert=webp" width="155" alt="Logo ruanglesonline" loading="lazy" />
</div>
<p class="text-product">Konsultasikan soal tersulit kamu sebanyak-banyaknya dengan tutor online terbaik</p>
</div>
</a>
<!-- ruangles -->
<a href="https://www.ruangguru.com/privat">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png"
alt="Logo ruangles"
width="112"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=56&name=logo-ruangguru-privat.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=168&name=logo-ruangguru-privat.png 168w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=224&name=logo-ruangguru-privat.png 224w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=280&name=logo-ruangguru-privat.png 280w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=336&name=logo-ruangguru-privat.png 336w"
sizes="(max-width: 112px) 100vw, 112px"
/>
</div>
<p class="text-product">Belajar privat dengan guru terbaik pilihan Ruangguru</p>
</div>
</a>
<!-- EA -->
<a target="_blank" href="https://www.english-academy.id/">
<div class="item-product">
<div class="logo-product" id="lp_ea">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ENGLISH%20ACADEMY-LOGO2%201.png?convert=webp"
alt="Logo English Academy"
loading="lazy"
/>
<div class="ribbon-wrapper-new">
<div class="glow-new"> </div>
</div>
</div>
<p class="text-product">Kursus Bahasa Inggris dengan Pengajar internasional dan kurikulum berstandar internasional</p>
</div>
</a>
<!-- dafalulu -->
<a href="https://www.ruangguru.com/dafa-lulu">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-dafa-lulu-new.png?convert=webp&height=44&name=logo-dafa-lulu-new.png"
height="44"
alt="Logo dafa lulu"
loading="lazy"
/>
</div>
<p class="text-product">Belajar bersama Dafa, Lulu, dan teman petualang untuk siswa SD kelas 1 - 6</p>
</div>
</a>
<!-- rg for kids -->
<a href="https://www.ruangguru.com/for-kids">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=100&name=logo-ruangguru-forkids.png"
alt="Logo For Kids"
width="100"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=50&name=logo-ruangguru-forkids.png 50w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=100&name=logo-ruangguru-forkids.png 100w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=150&name=logo-ruangguru-forkids.png 150w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=200&name=logo-ruangguru-forkids.png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=250&name=logo-ruangguru-forkids.png 250w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=300&name=logo-ruangguru-forkids.png 300w"
sizes="(max-width: 100px) 100vw, 100px"
/>
</div>
<p class="text-product">Kursus online untuk anak 4-7 tahun dengan program calistung, bahasa Inggris, dan sains</p>
</div>
</a>
<!-- ruanguji -->
<a href="https://www.ruangguru.com/ruanguji">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruanguji.svg" alt="Logo ruanguji" loading="lazy" />
</div>
<p class="text-product">Ikut tryout online dan lihat hasilnya di sini!</p>
</div>
</a>
<!-- ruangkelas -->
<a href="https://www.ruangguru.com/ruangkelas">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkelas.svg" alt="Logo ruangkelas" loading="lazy" />
</div>
<p class="text-product">Sistem Kelola Pembelajaran Jarak Jauh GRATIS!</p>
</div>
</a>
<!-- SA -->
<a target="_blank" href="https://skillacademy.com/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/skillacademy.svg" alt="Logo Skill Academy" loading="lazy" />
</div>
<p class="text-product">Kursus online untuk meningkatkan technical & soft skill kamu</p>
</div>
</a>
<!-- ruangkerja -->
<a target="_blank" href="https://ruangkerja.id/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkerja.svg" alt="Logo ruangkerja" loading="lazy" />
</div>
<p class="text-product">Aplikasi Pelatihan Online #1 untuk Perusahaan & Lembaga</p>
</div>
</a>
<!-- kalananti -->
<a target="_blank" href="https://www.kalananti.id/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Kalananti%20by%20Ruangguru.png" alt="Logo kalananti" loading="lazy" height="40" />
</div>
<p class="text-product">Kursus coding dan robotic anak usia 5-15 tahun untuk mengasah logika dan kreativitas</p>
</div>
</a>
<!-- mathchamps -->
<a target="_blank" href="https://www.mathchamps.id">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/723d8e19-b594-49cf-a098-07f5379d5d5f.png?convert=webp&h=70"
alt="Logo math champs"
loading="lazy"
width="104"
height="40"
/>
</div>
<p class="text-product">Kursus matematika dan logika untuk anak 5-14 tahun dengan kurikulum Singapura</p>
</div>
</a>
<!-- schoters logo -->
<a target="_blank" href="https://www.schoters.com">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ecc92be-4ee0-475f-bd4c-d1f5e733f012.png?convert=webp&h=120"
alt="Logo Schoters"
loading="lazy"
height="40"
/>
</div>
<p class="text-product">Bimbingan kuliah & kerja di luar negeri #1 di Indonesia, dengan kelas bahasa terlengkap!</p>
</div>
</a>
</div>
<div class="navig-link" id="program">
<a href="https://www.ruangguru.com/program">Program</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/promo">Promo</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/event">Event</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/beasiswa">Beasiswa</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/testimoni">Testimoni</a>
</div>
<div class="navig-link navig-link-dropdown" id="services">
<a>Layanan</a>
</div>
<div class="navig-dropdown-area closed" id="services_item" aria-expanded="false">
<div class="item-services">
<a href="https://www.ruangguru.com/ruangbelajar/perpanjang-paket">Cara Perpanjang Paket</a>
</div>
<div class="item-services">
<a href="https://www.ruangguru.com/cara-bayar">Cara Bayar</a>
</div>
<div class="item-services">
<a href="https://www.ruangguru.com/cicilan">Cicilan</a>
</div>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</div>
</div>
<div class="navigation__right">
<div class="button-langganan-cta">
<!--HubSpot Call-to-Action Code -->
<span class="hs-cta-wrapper" id="hs-cta-wrapper-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8">
<span class="hs-cta-node hs-cta-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" id="hs-cta-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8">
<a href="https://cta.ruangguru.com/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" target="_blank" rel="noopener">
<img
class="hs-cta-img"
id="hs-cta-img-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8"
style="border-width: 0px"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8.png"
alt="Langganan Sekarang"
/>
</a>
</span>
</span>
<!-- end HubSpot Call-to-Action Code -->
</div>
</div>
</div>
</div>
</nav>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"
></script>
<script></script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end header -->
</div>
<!--end header wrapper -->
<div class="body-container-wrapper">
<div class="body-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell headline" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-2">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget section-breadcrumb" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_161821842921928"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<div class="page-center">
<nav aria-label="breadcrumb">
<ol id="breadcrumb" class="breadcrumb bg-transparent"></ol>
</nav>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-3">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell page-center" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-4">
<div class="row-fluid">
<div class="span6 widget-span widget-type-custom_widget left" style="" data-widget-type="custom_widget" data-x="0" data-w="6">
<div
id="hs_cos_wrapper_module_1593778632682152"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1593778632682152_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<h1>Webinar Ruangguru</h1>
<p>
Webinar Nasional Ruangguru adalah event yang akan memberikan kamu materi menarik agar kamu semakin senang belajar dan termotivasi untuk hidupkan mimpimu dikondisi
pandemi. Kegiatan ini akan diisi oleh kakak-kakak Konsultan Pendidikan Ruangguru yang tentunya lulusan dari berbagai macam kampus favorit yang ada di Indonesia. Webinar
ini tidak hanya bagi siswa sekolah saja tetapi untuk orang tua juga.
<br />
<br />
Yuk, ikut dan pilih webinar yang sesuai dengan kebutuhanmu, agar Kamu Tetap Bisa Hidupkan Mimpi..
</p>
</span>
</div>
</div>
<!--end widget-span -->
<div class="span6 widget-span widget-type-custom_widget right" style="" data-widget-type="custom_widget" data-x="6" data-w="6">
<div
id="hs_cos_wrapper_module_1593778622258150"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1593778622258150_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="linked_image"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/landing%20page%20squad%20(2)%201@2x.png"
class="hs-image-widget"
style="max-width: 100%; height: auto"
alt="landing page squad (2) 1@2x"
title="landing page squad (2) 1@2x"
/>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-5">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget space" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_159376902317770"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-6">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_159376891568447"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
<div class="page-center">
<div class="flex-container-card">
<div class="main-card">
<div class="img-card"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/Group%201220@2x.png" /></div>
<div class="desc-card">
<div class="title-count">
<div><h2>Tips Memilih Jurusan dan Lolos Kampus/Universitas Ternama</h2></div>
<div><table id="demo" class="tb-st" align="right"></table></div>
</div>
<div class="btn-sec">
<p class="tag-level sma">SMA & SMK Sederajat</p>
<button onclick="document.getElementById('id01').style.display='block'" id="btn_rg" class="btn-rgstr-modal">Daftar Sekarang</button>
<p class="text-snk">*Syarat dan Ketentuan Berlaku</p>
</div>
</div>
</div>
<div class="main-card">
<div class="img-card"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/Group%201219@2x.png" /></div>
<div class="desc-card">
<div class="title-count">
<div><h2>Jadi Juara dengan Belajar di Rumah</h2></div>
<div><table id="demo2" class="tb-st" align="right"></table></div>
</div>
<div class="btn-sec">
<p class="tag-level smp">SMP Sederajat</p>
<button onclick="document.getElementById('id02').style.display='block'" id="btn_rg2" class="btn-rgstr-modal">Daftar Sekarang</button>
<p class="text-snk">*Syarat dan Ketentuan Berlaku</p>
</div>
</div>
</div>
</div>
<div class="flex-container-card">
<div class="main-card">
<div class="img-card"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/Group%201221@2x.png" /></div>
<div class="desc-card">
<div class="title-count">
<div><h2>Smart Parents (Khusus orangtua/wali siswa SD)</h2></div>
<div><table id="demo3" class="tb-st" align="right"></table></div>
</div>
<div class="btn-sec">
<p class="tag-level parenting">Parenting</p>
<button onclick="document.getElementById('id03').style.display='block'" id="btn_rg3" class="btn-rgstr-modal">Daftar Sekarang</button>
<p class="text-snk">*Syarat dan Ketentuan Berlaku</p>
</div>
</div>
</div>
<!-- <div class="main-card">
<div class="img-card"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/33%20(1)%201@2x.png"></div>
<div class="desc-card">
<div class="title-count">
<div><h2>Tips Tidak Stress saat Belajar di Rumah</h2></div>
<div><table id="demo4" class="tb-st" align="right"></table></div>
</div>
<div class="btn-sec">
<p class="tag-level smp">SMP & SMA Sederajat</p>
<button onclick="document.getElementById('id04').style.display='block'" id="btn_rg4"
class="btn-rgstr-modal">Daftar Sekarang</button>
<p class="text-snk">*Syarat dan Ketentuan Berlaku</p>
</div>
</div>
</div> -->
</div>
</div>
<!-- Modal Section -------------------------------------------------------------------->
<div class="w3-container">
<div id="id01" class="w3-modal">
<div class="w3-modal-content w3-animate-top w3-card-4">
<header class="w3-container">
<span onclick="document.getElementById('id01').style.display='none'" class="w3-button w3-display-topright">×</span>
</header>
<div class="w3-container">
<div class="main-card-modal">
<div class="img-card-modal"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/Group%201220@2x.png" /></div>
<div class="desc-card-modal">
<div class="title-count-modal">
<div><h2>Tips Memilih Jurusan dan Lolos Kampus/Universitas Ternama</h2></div>
<div><table id="demo_modal" class="tb-st" align="right"></table></div>
</div>
<div class="content-modal">
<p class="tag-level-modal sma">SMA & SMK Sederajat</p>
<div class="flex-author">
<div class="auth">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/users@3x.png" />
<p><span class="person">Pembicara: Konsultan Pendidikan Ruangguru</span></p>
</div>
<!-- <div class="auth">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/ekwina.png">
<p><span class="person">Ekwina Anggraini Putri, A.Md.Sek</span><br><span class="edu">Education Consultant Ruangguru</span></p>
</div> -->
</div>
<div class="auth-desc">
<p>
Memilih Jurusan yang sesuai dengan Passion memang sedikit susah-susah gampang, apalagi Lolos di Kampus/Universitas ternama dengan jurusan yang tepat. Dan ini adalah
impian sebagian besar siswa/i SMA/MA seluruh Indonesia. Dengan persiapan yang matang dan strategi yang jelas, bukan suatu hal yang mustahil buat adik-adik agar bisa
lolos ke Universitas ternama dengan jurusan yang tepat walaupun dengan persaingan yang sangat ketat.
<br />
<br />
Adik-adik bisa mengetahui lebih banyak tentang persiapan hingga strategi untuk memilih jurusan dan lolos Universitas ternama melalui Webinar/Seminar Online oleh
Ruangguru. GRATIS LOH!!!
</p>
</div>
<div class="schedule">
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/clipboard@3x.png" />
Batas Pendaftaran: 26 Juli 2020
</p>
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/calendar@3x.png" />
Tanggal: 27 Juli 2020 - 29 Juli 2020
</p>
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/clock@3x.png" />
Waktu: 15.00 - 16.30 WIB
</p>
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/map-pin@3x.png" />
Lokasi: Online webinar via google meet
</p>
</div>
<div class="benefit">
<p>Keuntungan yang akan teman-teman dapatkan:</p>
<ul>
<li>E-Certificate</li>
<li>Pulsa gratis*</li>
<li>Teman-teman baru</li>
</ul>
</div>
<div class="contact">
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/phone@3x.png" />
Afriyola (081319949773)
</p>
</div>
</div>
<div class="btn-sec-modal">
<a href="https://tinyurl.com/webinarruangguru2"><button class="btn-rgstr-modal-pop">Daftar Sekarang</button></a>
<p class="text-snk-modal">*Syarat dan Ketentuan Berlaku</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="id02" class="w3-modal">
<div class="w3-modal-content w3-animate-top w3-card-4">
<header class="w3-container">
<span onclick="document.getElementById('id02').style.display='none'" class="w3-button w3-display-topright">×</span>
</header>
<div class="w3-container">
<div class="main-card-modal">
<div class="img-card-modal"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/Group%201219@2x.png" /></div>
<div class="desc-card-modal">
<div class="title-count-modal">
<div><h2>Jadi Juara dengan Belajar di Rumah</h2></div>
<div><table id="demo_modal2" class="tb-st" align="right"></table></div>
</div>
<div class="content-modal">
<p class="tag-level-modal smp">SMP Sederajat</p>
<div class="flex-author">
<div class="auth">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/users@3x.png" />
<p><span class="person">Pembicara: Konsultan Pendidikan Ruangguru</span></p>
</div>
<!-- <div class="auth">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/stella.png">
<p><span class="person">Stella Ginari, S.K.M</span><br><span class="edu">Education Consultant Ruangguru</span></p>
</div> -->
</div>
<div class="auth-desc">
<p>
Belajar dari rumah bukan berarti tak bisa maksimal, kita tetap masih bisa menggapai mimpi dan merealisasikan apa yang sudah kita usahakan selama ini, asal media
pembelajarannya interaktif dan sumbernya terpercaya. Bahkan bukan suatu hal yang mustahil loh untuk adik-adik bisa juara di kelas hanya dengan belajar dari rumah.
<br />
<br />
Adik-adik bisa mengetahui lebih banyak tentang tips agar jadi juara dengan belajar di rumah melalui Webinar/Seminar Online oleh Ruangguru. GRATIS LOH!!!
</p>
</div>
<div class="schedule">
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/clipboard@3x.png" />
Batas Pendaftaran: 26 Juli 2020
</p>
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/calendar@3x.png" />
Tanggal: 27 Juli 2020 - 29 Juli 2020
</p>
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/clock@3x.png" />
Waktu: 15.00 - 16.30 WIB
</p>
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/map-pin@3x.png" />
Lokasi: Online webinar via google meet
</p>
</div>
<div class="benefit">
<p>Keuntungan yang akan Adik-adik dapatkan:</p>
<ul>
<li>E-Certificate</li>
<li>Pulsa gratis*</li>
<li>Teman-teman baru</li>
</ul>
</div>
<div class="contact">
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/phone@3x.png" />
Afriyola (081319949773)
</p>
</div>
</div>
<div class="btn-sec-modal">
<a href="https://tinyurl.com/webinarruangguru2"><button class="btn-rgstr-modal-pop">Daftar Sekarang</button></a>
<p class="text-snk-modal">*Syarat dan Ketentuan Berlaku</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="id03" class="w3-modal">
<div class="w3-modal-content w3-animate-top w3-card-4">
<header class="w3-container">
<span onclick="document.getElementById('id03').style.display='none'" class="w3-button w3-display-topright">×</span>
</header>
<div class="w3-container">
<div class="main-card-modal">
<div class="img-card-modal"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/Group%201221@2x.png" /></div>
<div class="desc-card-modal">
<div class="title-count-modal">
<div><h2>Smart Parents (Khusus orangtua/wali siswa SD)</h2></div>
<div><table id="demo_modal3" class="tb-st" align="right"></table></div>
</div>
<div class="content-modal">
<p class="tag-level-modal parenting">Parenting</p>
<div class="flex-author">
<div class="auth">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/users@3x.png" />
<p><span class="person">Pembicara: Konsultan Pendidikan Ruangguru</span></p>
</div>
<!-- <div class="auth">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/Mask%20Group@3x-1.png">
<p><span class="person">Trinita Rajagukguk, S. Kom</span><br><span class="edu">Education Consultant Ruangguru</span></p>
</div> -->
</div>
<div class="auth-desc">
<p>
Peran orang tua akhir-akhir ini sangat penting dalam mendampingi anak belajar dari rumah apalagi bagi orang tua yang memiliki anak yang masih duduk dibangku Sekolah
Dasar. Mengacu kepada kebijakan dari Kemendikbud yaitu belum mengizinkan daerah/kota selain zona hijau untuk melakukan proses pembelajaran tatap muka, alias masih
menerapkan sistem pembelajaran daring (Online). Maka dari itu dibutuhkan peran pendampingan orang tua dalam mengembangkan dan menerapkan manajemen pembelajaran online
agar anak tetap maksimal walaupun belajar dari rumah.
<br />
<br />
Bapak/Ibu bisa mengetahui lebih banyak tentang tips mendampingi anak belajar di rumah melalui Webinar/Seminar Online oleh Ruangguru khusus untuk Orang Tua Siswa
Sekolah Dasar dari Kelas 1 - 6 . GRATIS.
</p>
</div>
<div class="schedule">
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/clipboard@3x.png" />
Batas Pendaftaran: 25 Juli 2020
</p>
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/calendar@3x.png" />
Tanggal: 26 Juli 2020 - 28 Juli 2020
</p>
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/clock@3x.png" />
Waktu: 19.00 - 20.30 WIB
</p>
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/map-pin@3x.png" />
Lokasi: Online webinar via google meet
</p>
</div>
<div class="benefit">
<p>Keuntungan yang kamu dapatkan:</p>
<ul>
<li>E-Certificate</li>
<li>Pulsa gratis*</li>
</ul>
</div>
<div class="contact">
<p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/phone@3x.png" />
Hanna (08999226564)
</p>
</div>
</div>
<div class="btn-sec-modal">
<a href="https://tinyurl.com/webinarruangguru2"><button class="btn-rgstr-modal-pop">Daftar Sekarang</button></a>
<p class="text-snk-modal">*Syarat dan Ketentuan Berlaku</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div id="id04" class="w3-modal">
<div class="w3-modal-content w3-animate-top w3-card-4">
<header class="w3-container">
<span onclick="document.getElementById('id04').style.display='none'" class="w3-button w3-display-topright">×</span>
</header>
<div class="w3-container">
<div class="main-card-modal">
<div class="img-card-modal"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/33%20(1)%201@2x.png"></div>
<div class="desc-card-modal">
<div class="title-count-modal">
<div><h2>Jadi Juara dengan Belajar di Rumah</h2></div>
<div><table id="demo_modal4" class="tb-st" align="right"></table></div>
</div>
<div class="content-modal">
<p class="tag-level-modal smp">SMP & SMA Sederajat</p>
<div class="flex-author">
<div class="auth">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/neflita.png">
<p><span class="person">Nelfita Rizka S Depari, MP</span><br><span class="edu">Education Consultant Ruangguru</span></p>
</div>
<div class="auth">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/putri.png">
<p><span class="person">Putri Reno Nurul Pradini, S.Si</span><br><span class="edu">Education Consultant Ruangguru</span></p>
</div>
</div>
<div class="auth-desc">
<p>Sudah lebih dari 3 bulan mungkin adik-adik aktif belajar dari rumah masing-masing. Ada yang masih kuat bertahan tapi tak sedikit juga yang sudah mulai stress dan bosan. Tapi jangan khawatir, dengan berbagai variasi kegiatan dan kreativitas, adik-adik menjadi tidak akan bosan dan lebih semangat lagi ketika belajar dari Rumah.
<br><br>Adik-adik bisa mengetahui lebih banyak tentang tips agar tidak stress saat belajar di rumah melalui Webinar/Seminar Online oleh Ruangguru. GRATIS LOH!!!
</p>
</div>
<div class="schedule">
<p><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/calendar@3x.png">8 July 2020</p>
<p><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/clock@3x.png">15:00 - 16:30 WIB</p>
<p><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/map-pin@3x.png">Online webinar via google meet</p>
</div>
<div class="benefit">
<p>Keuntungan yang kamu dapatkan:</p>
<ul>
<li>E-Certificate</li>
<li>Pulsa gratis (S & K Berlaku)</li>
<li>Doorprize Kuota telkomsel 1GB gratis</li>
<li>Teman-teman baru</li>
</ul>
</div>
<div class="contact">
<p><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/webinarlp/phone@3x.png">Hanna (08999226564)</p>
</div>
</div>
<div class="btn-sec-modal">
<a href="https://tinyurl.com/webinarruangguru2020"><button class="btn-rgstr-modal-pop">Daftar Sekarang</button></a>
<p class="text-snk-modal">*Syarat dan Ketentuan Berlaku</p>
</div>
</div>
</div>
</div>
</div>
</div> -->
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-7">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget space" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_159376902962572"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end body -->
</div>
<!--end body wrapper -->
<style>.footer__year {
padding-top: 5rem;
}
.ic-new__img {
margin: auto 0;
display: flex;
}
.ic-new__img img {
width: fit-content;
}
.font-base-footer {
font-family: Inter, 'sans-serif';
font-weight: 400;
font-size: 14px !important;
font-style: normal;
letter-spacing: 0;
color: #0a2540;
margin-bottom: 0;
}
.font-bold {
font-weight: 700;
}
.font-white {
color: #fff !important;
}
.font-semi-bold {
font-weight: 600;
}
.center {
text-align: center;
}
.footer {
background: #0a2540 !important;
overflow: hidden;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
}
.contact__container {
display: grid;
grid-template-columns: 2fr 11fr;
gap: 0.625rem;
word-break: break-all;
}
.contact__container--text {
margin: auto 0;
}
.group-contact {
display: grid;
row-gap: 0.5rem;
}
.sec-follow__content--socmed {
display: inline-flex;
}
.sec-follow__content--socmed a {
padding-right: 0.25rem;
}
.ic-new {
display: inline-flex;
width: max-content;
gap: 0.25rem;
}
@media (min-width: 1025px) {
.sec-address__detail {
margin: 1rem 0 2rem;
padding-right: 2rem;
}
.sec-follow {
margin-top: -10rem;
}
.title {
font-size: 48px;
line-height: 64px;
}
.subtitle {
font-size: 32px;
line-height: 48px;
text-align: center;
}
.desc-hero {
font-size: 24px;
line-height: 36px;
margin-top: 20px;
}
.desc {
font-size: 16px;
line-height: 24px;
}
.footer {
padding: 5rem 0 1.5rem;
}
.footer__title {
font-size: 1rem;
margin-bottom: 1rem;
min-height: 1.25rem;
}
.footer__title--hq {
font-size: 1rem;
}
.footer__content--top {
display: grid;
grid-template-columns: 3fr 9fr;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sec-app__content {
display: grid;
gap: 0.75rem;
}
.footer__content--bottom {
display: grid;
grid-template-columns: 9.75fr 2.25fr;
}
}
@media (max-width: 1024px) {
.sec-address__detail {
margin: 1rem 0 2rem;
}
.sec-app {
margin-bottom: 2.625rem;
text-align: center;
}
.title {
font-size: 24px;
line-height: 36px;
}
.subtitle {
font-size: 20px;
line-height: 30px;
text-align: center;
}
.desc-hero {
font-size: 16px;
line-height: 24px;
margin-top: 1rem;
}
.desc {
font-size: 14px;
line-height: 27px;
}
.footer {
padding: 2rem 0;
}
.sec-app__content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.5rem;
margin-top: 1rem;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.sec-follow {
text-align: center;
}
.footer__title {
padding-bottom: 0.75rem;
}
}
ul.no-space {
padding: 0;
}
ul.no-space li {
margin-bottom: 0.25rem;
}
.contact__container--text a,
ul.no-space a {
text-decoration: none;
}
.contact__container--text a:hover,
ul.no-space a:hover {
color: #2eb5c0 !important;
}
div.sec-address__logo img,
div.ic-new__img img {
display: inline-block;
}
.sec-app__content img {
max-width: 100%;
}
</style>
<section class="footer " id="footer">
<div class="page-center">
<div class="footer__content">
<div class="footer__content--top">
<div class="sec-app">
<div class="sec-address">
<div class="sec-address__logo">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Ruangguru" loading="lazy" />
</a>
</div>
<div class="sec-address__detail">
<p class="font-base-footer font-white font-bold footer__title--hq">RUANGGURU HQ</p>
<p class="font-base-footer font-white footer-address">Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920</p>
</div>
</div>
<p class="font-base-footer font-white font-bold footer__title">Coba GRATIS Aplikasi Ruangguru</p>
<div class="sec-app__content">
<div class="sec-app__content--gplay">
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_googleplay%20(1).svg"
loading="lazy"
alt="Button Google Play Footer "
/>
</a>
</div>
<div class="sec-app__content--appstore">
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_appstore%20(1).svg"
loading="lazy"
alt="Button App Store Footer "
/>
</a>
</div>
<div class="sec-app__content--huawei">
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<picture>
<source type="image/webp" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png?convert=webp " />
<source type="image/png" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png " />
<img class="footer-socmed" src="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png" alt="Button AppGallery Footer" loading="lazy" width="156" />
</picture>
</a>
</div>
</div>
</div>
<div class="sec-menu">
<div class="sec-menu__rg">
<p class="font-base-footer font-white font-bold footer__title">Produk Ruangguru</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruanguji">Ruanguji</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://pengajar.ruangguru.com/">Ruangpengajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privat">Ruangguru Privat</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/airis">Airis</a>
</li>
</ul>
</div>
<div class="sec-menu__lainnya">
<p class="font-base-footer font-white font-bold footer__title">Produk Lainnya</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.brainacademy.id/" target="_blank">Brain Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.english-academy.id/" target="_blank">English Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://skillacademy.com/" target="_blank">Skill Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.schoters.com/id/" target="_blank">Schoters</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.kalananti.id/" target="_blank">Kalananti</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/mathchamps/" target="_blank">Math Champs</a>
</li>
</ul>
</div>
<div class="sec-menu__bantuan">
<p class="font-base-footer font-white font-bold footer__title">Bantuan & Panduan</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/company-credentials">Company Credentials</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/promo">Promo Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/about-us">Tentang Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/contact-us">Kontak Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/press">Press Kit</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan">Bantuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://career.ruangguru.com/">Karier</a>
</li>
</ul>
</div>
<div class="sec-menu__contact">
<p class="font-base-footer font-white font-bold footer__title">Hubungi Kami</p>
<div class="group-contact">
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-mail.svg" loading="lazy" alt="Logo Email Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="mailto:info@ruangguru.com">info@ruangguru.com</a>
</div>
</div>
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-phone.svg" loading="lazy" alt="Logo Phone Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="tel:02130930000">02130930000</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__content--bottom">
<div></div>
<div class="sec-follow">
<p class="font-base-footer font-white font-bold footer__title">Ikuti Kami</p>
<div class="sec-follow__content">
<div class="sec-follow__content--socmed">
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-ig.svg?convert=webp" loading="lazy" alt="Logo Instagram Footer" />
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-fb.svg?convert=webp" loading="lazy" alt="Logo Facebook Footer" />
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-twitter.svg?convert=webp" loading="lazy" alt="Logo Twitter Footer" />
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-youtube.svg?convert=webp" loading="lazy" alt="Logo Youtube Footer" />
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-linkedin.svg?convert=webp" loading="lazy" alt="Logo LinkedIn Footer" />
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/tiktok-ic-white-40.svg?convert=webp" loading="lazy" alt="Logo TikTok Footer" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer__year">
<p class="font-base-footer font-white font-bold center">
©
<span id="full-year"></span>
Ruangguru. All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
</div>
</section>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845605588/module_39227318886_header-homepage-ruangguru-2021.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/47442333552/1667882001713/A_Ruangguru_Projects/Project_Hofar/Javascript_Auto_Generate_Breadcrumb_-_V1_3.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/31748588232/1620375681652/module_31748588232_webinar_content.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/1623316230326/module_11084302763_New_Footer_RG_2019.js"></script>
<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(['setContentType', 'landing-page']);
_hsq.push(['setCanonicalUrl', 'https:\/\/www.ruangguru.com\/event\/webinar']);
_hsq.push(['setPageId', '31783583871']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 31783583871,
legacyPageId: '31783583871',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 31783583871,
languageCode: 'id',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: '86f65325-7902-4c17-8445-cf9dc8313a97',
ticks: 1684630601901,
page_id: 31783583871,
content_group_id: 0,
portal_id: 2828691,
app_hs_base_url: 'https://app.hubspot.com',
cp_hs_base_url: 'https://cp.hubspot.com',
language: 'id',
analytics_page_type: 'landing-page',
analytics_page_id: '31783583871',
category_id: 1,
folder_id: 0,
is_hubspot_user: false,
};
</script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<!-- Load CSS for all versions -->
<script>
// CSS loading function available for all versions
function loadFloatingCSS() {
// Check if CSS is already loaded
if (document.getElementById('fb-component-css')) {
return;
}
// Create and append CSS style block to head
const style = document.createElement('style');
style.id = 'fb-component-css';
style.textContent = `
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
`;
document.head.appendChild(style);
}
// Load CSS immediately
loadFloatingCSS();
</script>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table=""></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_promo_banner') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_promo_banner';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,landingPage)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'payment',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_promo_banner';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script>
<!-- Tracker -->
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8DPXH6" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = _analytics.init({
app: 'brainAcademyLandingPage',
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.ready(function () {
Analytics.page();
});
</script>
<!-- Generated by the HubSpot Template Builder - template version 1.03 -->
</body>
</html>