KODE: TIKTOK
10-20 JULI 2021
Ruangcerita
Cerita Juara
<!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="" />
<meta name="generator" content="HubSpot" />
<title>Selalu Ada Harapan | 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="" />
<meta property="og:title" content="Selalu Ada Harapan | Ruangguru" />
<meta name="twitter:description" content="" />
<meta name="twitter:title" content="Selalu Ada Harapan | 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/49424558906/1625826150453/module_49424558906_content-tiktok-rg.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/selalu-ada-harapan" />
<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 -->
<style>
iframe[title='Button to launch messaging window'] {
opacity: 0 !important;
display: none !important;
}
iframe[title='Messaging window'] {
height: 440px !important;
bottom: 13rem !important;
}
iframe[title='Button to launch messaging window, conversation in progress'],
#launcher,
iframe[title='Number of unread messages'] {
height: 0 !important;
width: 0 !important;
opacity: 0 !important;
display: none !important;
}
@media (max-width: 767px) {
iframe[title='Messaging window'] {
height: 100vh !important;
bottom: inherit !important;
}
}
.row-fluid [class*='span'] {
min-height: 0 !important;
}
.bantuan {
/*display:none;*/
position: fixed;
bottom: 12rem;
right: 1.5rem;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-promo {
position: fixed;
bottom: 1rem;
right: 1.75rem;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
@media (min-width: 768px) {
.bantuan img,
.bantuan-promo img {
width: auto;
transition: all 0.4s ease;
}
.bantuan img {
width: 140px;
}
.bantuan-promo img {
width: 120px;
}
.clicked {
bottom: 9rem;
right: 2.5rem;
}
.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan {
bottom: 8rem;
right: 1.5rem;
align-items: center;
}
.bantuan-promo {
bottom: 1.5rem;
right: 1.5rem;
align-items: center;
}
.bantuan img,
.bantuan-promo img {
width: auto;
}
.bantuan img {
width: 96px;
}
.bantuan-promo img {
width: 80px;
}
dotlottie-player.floating-lottie {
width: 80px !important;
height: 80px !important;
}
}
</style>
<meta property="og:url" content="https://www.ruangguru.com/selalu-ada-harapan" />
<meta name="twitter:card" content="summary" />
<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"
/>
<meta name="robots" content="noindex, follow" />
</head>
<body class="hs-content-id-49538243424 hs-landing-page hs-page" style="">
<div class="header-container-wrapper">
<div class="header-container container-fluid"></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-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_16245214205927"
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="wrapping-content">
<div class="tiktok">
<div class="page-center">
<div class="logo-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/logo_rg_putih.png" alt="Ruangguru Logo" />
</div>
<div class="harapan-tag">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/adaharapann.png" alt="Tag harapan" />
</div>
<div class="coba-gratis">
<!-- <div class="coba-gratis-text">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/cobagratis.png">
</div> -->
<h2 class="font-subtitle">COBA GRATIS RUANGGURU</h2>
<div
class="wa-wrap"
onclick="window.open('https://api.whatsapp.com/send/?phone=6281578200000&text=COBAGRATIS&app_absent=0', '_blank')"
style="cursor: pointer"
title="WhatsApp"
>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/wafix.png" alt="WhatsApp" />
</div>
</div>
<div class="langganan-rg">
<!-- <div class="langganan-rg-text">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/langganan-rg-text.png">
</div> -->
<h2 class="font-subtitle">LANGGANAN RUANGGURU</h2>
<div class="langganan-wrap">
<div class="langganan__left">
<!-- <p>Diskon<br>S.D</p> -->
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/diskonn.png" />
</div>
<div class="langganan__right">
<!-- <p>60%</p> -->
<!-- <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/kodetiktok.png"> -->
</div>
</div>
<a target="_blank" href="https://ruangguru.onelink.me/blPk/TIKTOK"><div class="kode-sect">KODE: TIKTOK</div></a>
</div>
<div class="title">
<h2 class="font-title">
YUK, PILIH
<br />
MASA DEPANMU
</h2>
</div>
<div class="win-price">
<div class="prilly-wrap">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/prilly.png" alt="Prilly" />
</div>
<div class="cont-konten">
<div class="win__content">
<h2 class="font-subtitle">MENANGKAN HADIAH</h2>
<div class="win-item-wrap">
<div class="win-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/asset%20uang.png" alt="Win Items" />
</div>
<div class="win-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/asset%20voucher.png" alt="Win Items" />
</div>
<div class="win-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/asset%20vivo.png" alt="Win Items" />
</div>
</div>
<p class="tanggal">10-20 JULI 2021</p>
</div>
<div class="btn-wrap">
<button class="btn-ikutan" onclick="window.open('https://vt.tiktok.com/ZSJVDgo2g/', '_blank')" style="cursor: pointer" title="Ikutan Sekarang">IKUTAN SEKARANG</button>
</div>
</div>
</div>
<div class="pelajari">
<h2 class="font-subtitle">
PELAJARI LEBIH LANJUT
<br />
MENGENAI RUANGGURU
</h2>
<div class="product-wrap">
<a target="_blank" href="https://www.english-academy.id/">
<div class="ea">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/ea_logo.png" alt="English Academy" />
</div>
</a>
<a target="_blank" href="https://www.brainacademy.id/online">
<div class="ba">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/bao_logo.png" alt="Brain Academy Online" />
</div>
</a>
<div class="wrap-prod">
<a target="blank_" href="https://www.ruangguru.com/ruangbelajar">
<div class="rb">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/ruangbelajar_logo.png" alt="Ruangbelajar" />
</div>
</a>
<a target="_blank" href="https://roboguru.ruangguru.com/">
<div class="robo">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/roboguru_logo.png" alt="Roboguru" />
</div>
</a>
</div>
</div>
<div class="youtube">
<a target="_blank" rel="nofollow" href="https://www.youtube.com/watch?v=FmaEKiiiOwI&list=PLTCBny-LOCyx2Ad5Z3HRuZA7ZhybOq7CP">
<div class="yt__left">
<div class="logo-yt">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/youtube.png" alt="Youtube" />
</div>
<p>Ruangcerita</p>
</div>
</a>
<a rel="nofollow" target="_blank" href="https://www.youtube.com/watch?v=dCZi2MpRTLE&list=PLTCBny-LOCyzDhMyvYrTsWwxCzE3M4VWr">
<div class="yt__right">
<div class="logo-yt">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Tiktok%20LP/youtube.png" alt="Youtube" />
</div>
<p>Cerita Juara</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end body -->
</div>
<!--end body wrapper -->
<div class="footer-container-wrapper">
<div class="footer-container container-fluid"></div>
<!--end footer -->
</div>
<!--end footer wrapper -->
<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(['setContentType', 'landing-page']);
_hsq.push(['setCanonicalUrl', 'https:\/\/www.ruangguru.com\/selalu-ada-harapan']);
_hsq.push(['setPageId', '49538243424']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 49538243424,
legacyPageId: '49538243424',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 49538243424,
languageCode: 'id',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: '18da1d80-69a1-4896-a705-996a90d70eb0',
ticks: 1684631148452,
page_id: 49538243424,
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: '49538243424',
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>
<!-- <div class="bantuan-promo normalize-css">
<a href="https://cta.ruangguru.com/643dba4b-5b72-11ee-80fe-4201ac180089" target="_blank">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a3a5eb50-974e-4e8f-9e35-145f986a5862.png?convert=webp" loading="lazy">
</a>
</div> -->
<div class="bantuan-promo normalize-css">
<a href="https://cta.ruangguru.com/floating-icon-infinix-study-challenge" target="_blank">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0283ad69-b029-4daa-839b-c4edeb765338.png?h=200&convert=webp" />
</a>
</div>
<div class="bantuan normalize-css">
<a href="https://cta.ruangguru.com/ab-web-floating-button-landing-page-rg" target="_blank">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e3abf59c-1903-43b6-87ad-b43f3a6bfe79.png?h=200&convert=webp" loading="lazy" />
</a>
</div>
<!-- <div class="bantuan normalize-css">
<img id="btn-bantuan" class="btn-bantuan zendesk-button" target-value="close" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/bfa2f9e5-f4b8-4391-9752-95bece8d4e16.png?convert=webp">
</div> -->
<script>
if (window.location.href.indexOf('blog') <= -1 && window.location.href.indexOf('webview') <= -1) {
// select the button
console.log('yoads');
const zendeskButton = document.querySelector('.zendesk-button');
const zendeskContainer = document.querySelector('.bantuan');
// add the script to the page
const loadZendeskScript = () => {
const idSnippet = document.getElementById('ze-snippet');
if (idSnippet !== null) {
} else {
const zenDeskScript = document.createElement('script');
zenDeskScript.id = 'ze-snippet';
zenDeskScript.src = 'https://static.zdassets.com/ekr/snippet.js?key=a2ac30ed-dd6d-47f6-99ba-0d5aeae351a0';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] || document.getElementsByTagName('script')[0].parentNode).insertBefore(zenDeskScript, null);
}
};
// a poller that waits for a condition and executes a callback
const poller = (comparison, callback, timerStep = 250, maxTime = 5000) => {
let currTime = 0;
const checkCondition = () => {
// `comparison` is a function so the condition is always up-to-date
if (comparison() === true) {
callback();
} else if (currTime <= maxTime) {
currTime += timerStep;
setTimeout(checkCondition, timerStep);
}
};
checkCondition(); // calling the function
};
// load the script and execute a callback if provided
const loadZendeskChat = callback => {
loadZendeskScript();
if (callback) {
callback();
}
};
// this function opens the chat
const openZendeskChat = () => {
poller(
() => {
// check that zendesk-related functions are available
return typeof zE !== 'undefined';
},
() => {
// open the widget
zE('messenger', 'open');
poller(
() => {
// check that the elements exist and that the opacity is already set to "1"
const launcher = document.querySelector('#launcher');
const webWidget = document.querySelector('#webWidget');
return launcher !== null && webWidget !== null && webWidget.style.opacity === '1';
},
() => {
// hide the fake button
zendeskButton.style.opacity = '0';
// save in localStorage
localStorage.setItem('zd_hasOpened', 'true');
}
);
}
);
};
// zendesk management
if (localStorage.getItem('zd_hasOpened')) {
// load the zendesk widget if we find that it was opened
loadZendeskChat();
} else {
// show the fake button if it's the first time it shows
zendeskButton.style.opacity = '1';
}
// This will run when the .zendesk-button element is clicked
zendeskButton.addEventListener('click', () => {
// load the zendesk widget
// open the widget and hide the fake button
const btnValue = zendeskButton.getAttribute('target-value');
let currUrl = window.location.href;
let productName = currUrl.split('/')[3] == '' ? 'ruangguru' : currUrl.split('/')[3].split('?')[0];
setTimeout(function () {
Analytics.track('landing_page__core__item_click', {
product_name: productName,
cta_action: 'widget',
cta_action_detail: 'widget_chat_to_customer_service',
item_type: 'floating',
item_name: 'Klaim Diskon',
item_category: 'leads_gathering',
item_position: 0,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
});
}, 0);
if (window.matchMedia('(max-width: 767px)').matches) {
loadZendeskChat(openZendeskChat);
} else {
if (btnValue == 'close') {
loadZendeskChat(openZendeskChat);
zendeskButton.setAttribute('target-value', 'open');
} else {
zE('messenger', 'close');
zendeskButton.setAttribute('target-value', 'close');
}
zendeskContainer.classList.toggle('clicked');
}
});
} else {
const zendeskContainer = document.querySelector('.bantuan');
zendeskContainer.style.display = 'none';
}
</script>
<script>
$('meta[name=author]').remove();
$('head').append('<meta name="author" content="Ruangguru Tech Team">');
</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.page();
</script>
<!-- Generated by the HubSpot Template Builder - template version 1.03 -->
</body>
</html>