<!DOCTYPE html>
<html lang="en-US" xmlns="http://www.w3.org/1999/html" class="solid-bg">
<head>
<title>Mahameru Bandung: Top Instagram Bio Links - Smart.bio</title>
<meta charset="utf-8">
<meta name="description" content="Mahameru Bandung: Produk Best Seller, New Arrival, Koleksi Topi, Tas Carrier, Celana Cargo, Shopee, Tiktok Shop, Lazada, Whatsapp, Tokopedia"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
:root {
--link-in-bio-color: #000000;
}
html {
height: 100%;
}
body {
height: 100%;
margin: 0;
padding: 5px;
box-sizing: border-box;
}
.link-in-bio-grid {
max-width: 375px;
margin: auto;
padding: 10px;
}
.link-in-bio-header {
display: grid;
grid-template-columns: 50px auto;
grid-gap: 10px;
}
.instagram-profile-picture {
border-radius: 50%;
width: 50px;
height: 50px;
}
.link-in-bio-page-name {
height: 23px;
color: #333333;
font-family: Helvetica Neue, Arial, sans-serif;
font-size: 19px;
font-weight: bold;
line-height: 24px;
align-self: center;
text-overflow: ellipsis;
text-align: left;
overflow: hidden;
white-space: nowrap;
}
.link-in-bio-tw-logo {
height: 14px;
justify-self: center;
align-self: center;
margin-bottom: 3px;
margin-left: 3px;
}
.link-in-bio-footer {
position: fixed;
right: 0;
bottom: 0;
left: 0;
background: #e1e1e1;
box-sizing: border-box;
vertical-align: middle;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
font-family: "Helvetica Neue", Helvetica Neue, Arial, sans-serif;
height: 32px;
box-shadow: 0 -2px 4px 0 rgba(205,205,205,0.34);
color: #808080;
font-size: 9.6px;
line-height: 15px;
text-shadow: 0 2px 2px 0 rgba(0,0,0,0.5);
}
.in-preview .link-in-bio-footer {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.link-in-bio-footer a {
color: #0793CA;
margin-right: 5px;
}
.link-in-bio-footer a > strong{
font-size: 120%;
}
.hidden {
display: none;
}
#ref-link {
display: flex;
}
#ref-link div {
align-items: center;
border-radius:25px;
color:#ffffff;
font-weight:700;
font-size:15px;
padding:12px 17px 12px 17px;
display:flex;
position:fixed;
right:3%;
bottom:3%;
background: rgb(253,148,34);
background: linear-gradient(45deg, rgba(253,148,34,1) 0%, rgba(246,93,57,1) 18%, rgba(226,66,83,1) 44%, rgba(219,64,104,1) 69%, rgba(212,63,138,1) 100%);
}
#ref-link div img {
transform: rotate(-45deg);margin-right: 5px;
}
#ref-link div span {
font-family: 'Open Sans', sans-serif
}
</style>
<style>
.featured-links {
display: flex;
flex-direction: column;
padding: 28px 0;
}
.btn-featured-link {
color: var(--link-in-bio-color);
background-color: var(--link-in-bio-color);
border-radius: 4px;
text-decoration: none;
margin-bottom: 10px;
}
.btn-featured-link:hover, .btn-featured-link:focus, .btn-featured-link:active {
filter: brightness(0.93);
}
.featured-link-text {
align-items: center;
color: #FFFFFF;
display: flex;
font-family: Helvetica Neue, Arial, sans-serif;
font-size: 16px;
justify-content: center;
line-height: 20px;
padding-bottom: 12px;
padding-top: 12px;
text-align: center;
width: 100%;
}
.media-links-grid {
display: grid;
justify-content: center;
grid-template-columns: 1fr 1fr;
grid-auto-rows: auto;
grid-gap: 11px;
padding-bottom: 40px;
}
.media-links-grid .media-link-grid {
cursor: pointer;
display: grid;
grid-template-columns: auto;
grid-gap: 1px;
}
.media-links-grid img {
width: 100%;
height: auto;
grid-gap: 0;
}
.img-media-link {
background-size: cover;
background-position: center;
padding-top: 100%;
}
.btn-media-link {
box-sizing: border-box;
height: 36px;
border: 1px solid var(--link-in-bio-color);
border-radius: 4px;
color: var(--link-in-bio-color);
background-color: white;
font-family: Helvetica Neue, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 14px;
text-align: center;
width: 100%;
text-decoration: none;
display: grid;
align-items: center;
border-radius: 0;
border-top: 0;
margin-top: -1px;
/* truncate the button text to prevent it from wrapping multiple lines */
width: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 5px;
padding-right: 5px;
}
.btn-media-link:hover, .btn-media-link:focus, .btn-media-link:active {
color: var(--link-in-bio-color);
background-color: #e6e6e6;
}
</style>
<!-- Google Optimize Code -->
<!-- anti-flicker snippet -->
<style>.async-hide { opacity: 0 !important} </style>
<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
})(window,document.documentElement,'async-hide','dataLayer',4000,
{'OPT-5JTT8Q6':true});</script>
<script src="https://www.googleoptimize.com/optimize.js?id=OPT-5JTT8Q6"></script>
<!-- End Google Optimize Code -->
</head>
<body>
<div class='link-in-bio-grid'>
<div class="link-in-bio-header">
<img
src='https://scontent-iad3-2.xx.fbcdn.net/v/t51.2885-15/274487318_1001956060409795_1409781865902649901_n.jpg?_nc_cat=109&ccb=1-7&_nc_sid=7d201b&_nc_ohc=y_zQPNYULHAAX8dhDJM&_nc_ht=scontent-iad3-2.xx&edm=AL-3X8kEAAAA&oh=00_AfBgpGDJOSbOcUIZq4n4vs4kPRyR6JqRBZLRIBmIqOeGvw&oe=6561D803'
class='instagram-profile-picture'
/>
<div class="link-in-bio-page-name">Mahameru Bandung</div>
</div>
<div
class='featured-links'
>
<a
href="https://shope.ee/5pdMoHaSiu"
class="btn-featured-link"
data-featured-link-id="707596"
target='_blank'
rel="nofollow"
>
<span class="featured-link-text" data-featured-link-id="707596">
Produk Best Seller
</span>
</a>
<a
href="https://shope.ee/8zaOaCHn2E"
class="btn-featured-link"
data-featured-link-id="704868"
target='_blank'
rel="nofollow"
>
<span class="featured-link-text" data-featured-link-id="704868">
New Arrival
</span>
</a>
<a
href="https://shope.ee/504Fp4RMWY"
class="btn-featured-link"
data-featured-link-id="704860"
target='_blank'
rel="nofollow"
>
<span class="featured-link-text" data-featured-link-id="704860">
Koleksi Topi
</span>
</a>
<a
href="https://shope.ee/7A8kPAKY4a"
class="btn-featured-link"
data-featured-link-id="704865"
target='_blank'
rel="nofollow"
>
<span class="featured-link-text" data-featured-link-id="704865">
Tas Carrier
</span>
</a>
<a
href="https://shope.ee/8zaOacy5GQ"
class="btn-featured-link"
data-featured-link-id="706347"
target='_blank'
rel="nofollow"
>
<span class="featured-link-text" data-featured-link-id="706347">
Celana Cargo
</span>
</a>
<a
href="https://shope.ee/6AGDDW6NTo"
class="btn-featured-link"
data-featured-link-id="556352"
target='_blank'
rel="nofollow"
>
<span class="featured-link-text" data-featured-link-id="556352">
Shopee
</span>
</a>
<a
href="https://www.tiktok.com/@mahameruofficial"
class="btn-featured-link"
data-featured-link-id="700358"
target='_blank'
rel="nofollow"
>
<span class="featured-link-text" data-featured-link-id="700358">
Tiktok Shop
</span>
</a>
<a
href="https://www.lazada.co.id/shop/mahameru-survival-soul-bandung/"
class="btn-featured-link"
data-featured-link-id="565610"
target='_blank'
rel="nofollow"
>
<span class="featured-link-text" data-featured-link-id="565610">
Lazada
</span>
</a>
<a
href="https://wa.me/c/6285765885490"
class="btn-featured-link"
data-featured-link-id="556362"
target='_blank'
rel="nofollow"
>
<span class="featured-link-text" data-featured-link-id="556362">
Whatsapp
</span>
</a>
<a
href="https://tokopedia.link/k9bLlHWJYCb"
class="btn-featured-link"
data-featured-link-id="733122"
target='_blank'
rel="nofollow"
>
<span class="featured-link-text" data-featured-link-id="733122">
Tokopedia
</span>
</a>
</div>
<div
class='media-links-grid'
>
<div
class='media-link-grid'
>
<a href="https://shope.ee/9evWJWby0T"
style="background-image: url('https://img.tailwindapp.net/images/9e22/5965/a18e/b2705fb9a41309dba917-w236.jpg')"
class="img-media-link"
data-media-link-id="4396277"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/9evWJWby0T"
class="btn-media-link"
data-media-link-id="4396277"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/7ACtIfTbgP"
style="background-image: url('https://img.tailwindapp.net/images/5504/06da/4e97/243dc70410934ae47290-w236.jpg')"
class="img-media-link"
data-media-link-id="4357670"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/7ACtIfTbgP"
class="btn-media-link"
data-media-link-id="4357670"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/AUSzJPexKP"
style="background-image: url('https://img.tailwindapp.net/images/2668/7556/8f90/5193af31280f560bfbf4-w236.jpg')"
class="img-media-link"
data-media-link-id="4350101"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/AUSzJPexKP"
class="btn-media-link"
data-media-link-id="4350101"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/3fcf8hF6MW"
style="background-image: url('https://img.tailwindapp.net/images/799b/9428/41cd/078c2cbc561cf51a0843-w236.jpg')"
class="img-media-link"
data-media-link-id="4347407"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/3fcf8hF6MW"
class="btn-media-link"
data-media-link-id="4347407"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/40FVTm1AkW"
style="background-image: url('https://img.tailwindapp.net/images/1e73/744b/f5e3/74ec5090d524326b598a-w236.jpg')"
class="img-media-link"
data-media-link-id="4346334"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/40FVTm1AkW"
class="btn-media-link"
data-media-link-id="4346334"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/9KFiVNKPPb"
style="background-image: url('https://img.tailwindapp.net/images/bcd3/3295/dd6b/980b57e1d9d529703d87-w236.jpg')"
class="img-media-link"
data-media-link-id="4301249"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/9KFiVNKPPb"
class="btn-media-link"
data-media-link-id="4301249"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shopee.co.id/Mahameru-celana-cargo-panjang-stretch-C02-03-SL-i.223029275.17697402518"
style="background-image: url('https://img.tailwindapp.net/images/9dc2/b956/b883/0366781d043af87940c2-w236.jpg')"
class="img-media-link"
data-media-link-id="4289006"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shopee.co.id/Mahameru-celana-cargo-panjang-stretch-C02-03-SL-i.223029275.17697402518"
class="btn-media-link"
data-media-link-id="4289006"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shopee.co.id/Mahameru-Matras-Lipat-Camping-01-i.223029275.14811524514"
style="background-image: url('https://img.tailwindapp.net/images/2ec6/cf4c/047f/79a072c2fcdb71dd8b9d-w236.jpg')"
class="img-media-link"
data-media-link-id="4287759"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shopee.co.id/Mahameru-Matras-Lipat-Camping-01-i.223029275.14811524514"
class="btn-media-link"
data-media-link-id="4287759"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shopee.co.id/Mahameru-Celana-Gunung-Sambung-Zipper-01-Black-i.223029275.13741520748"
style="background-image: url('https://img.tailwindapp.net/images/95d1/c29b/ad5a/b39ab8320c22d402ce43-w236.jpg')"
class="img-media-link"
data-media-link-id="4286895"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shopee.co.id/Mahameru-Celana-Gunung-Sambung-Zipper-01-Black-i.223029275.13741520748"
class="btn-media-link"
data-media-link-id="4286895"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shopee.co.id/Mahameru-RTM-PROMO-01-NAVY-i.223029275.19352586056?sp_atk=4ed29410-d98b-41a7-9dd2-71f8cd09305c&xptdk=4ed29410-d98b-41a7-9dd2-71f8cd09305c"
style="background-image: url('https://img.tailwindapp.net/images/44bf/b63e/67a9/52aa5d4a9263230e99d0-w236.jpg')"
class="img-media-link"
data-media-link-id="4095973"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shopee.co.id/Mahameru-RTM-PROMO-01-NAVY-i.223029275.19352586056?sp_atk=4ed29410-d98b-41a7-9dd2-71f8cd09305c&xptdk=4ed29410-d98b-41a7-9dd2-71f8cd09305c"
class="btn-media-link"
data-media-link-id="4095973"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/cpdQn53w"
style="background-image: url('https://img.tailwindapp.net/images/1a2a/e75e/2a64/cd10b32aac337db3cdf5-w236.jpg')"
class="img-media-link"
data-media-link-id="4094612"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/cpdQn53w"
class="btn-media-link"
data-media-link-id="4094612"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/3KtB7rhcfY"
style="background-image: url('https://img.tailwindapp.net/images/f7a0/5a2b/d190/bcfdf7e20204d80d78fe-w236.jpg')"
class="img-media-link"
data-media-link-id="4093292"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/3KtB7rhcfY"
class="btn-media-link"
data-media-link-id="4093292"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/cj96WOsD"
style="background-image: url('https://img.tailwindapp.net/images/f93d/4c05/3ab9/bc2f6967941d1b2c29f4-w236.jpg')"
class="img-media-link"
data-media-link-id="4088196"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/cj96WOsD"
class="btn-media-link"
data-media-link-id="4088196"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/fsPw68qP2"
style="background-image: url('https://img.tailwindapp.net/images/e82d/91d6/94cc/b86897d011ccbc78529e-w236.jpg')"
class="img-media-link"
data-media-link-id="4048237"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/fsPw68qP2"
class="btn-media-link"
data-media-link-id="4048237"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/2pwuX23A3s"
style="background-image: url('https://img.tailwindapp.net/images/6203/74da/8114/b1df203414238b3b40b8-w236.jpg')"
class="img-media-link"
data-media-link-id="4093295"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/2pwuX23A3s"
class="btn-media-link"
data-media-link-id="4093295"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/5Uxfh7I0iP"
style="background-image: url('https://img.tailwindapp.net/images/5e48/260d/1598/d6bc25210f60d0ff7259-w236.jpg')"
class="img-media-link"
data-media-link-id="4030381"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/5Uxfh7I0iP"
class="btn-media-link"
data-media-link-id="4030381"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/8UbIykJeEq"
style="background-image: url('https://img.tailwindapp.net/images/5078/d5df/3925/27780c48b56356651c82-w236.jpg')"
class="img-media-link"
data-media-link-id="3956910"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/8UbIykJeEq"
class="btn-media-link"
data-media-link-id="3956910"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/cj96WOsD"
style="background-image: url('https://img.tailwindapp.net/images/bbd3/fdb8/f512/b1f64b51f932248c1b69-w236.jpg')"
class="img-media-link"
data-media-link-id="3956911"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/cj96WOsD"
class="btn-media-link"
data-media-link-id="3956911"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/6zmTU4POZp"
style="background-image: url('https://img.tailwindapp.net/images/e52d/e40a/1143/4aa7d86c1b5362cce994-w236.jpg')"
class="img-media-link"
data-media-link-id="3960584"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/6zmTU4POZp"
class="btn-media-link"
data-media-link-id="3960584"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/6zmTU4POZp"
style="background-image: url('https://img.tailwindapp.net/images/c889/b070/163f/7acd2706a0adf790ca71-w236.jpg')"
class="img-media-link"
data-media-link-id="4091976"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/6zmTU4POZp"
class="btn-media-link"
data-media-link-id="4091976"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/8zXXrhNShG"
style="background-image: url('https://img.tailwindapp.net/images/cf49/52bf/c204/78935a3dfc62dd0c0ca3-w236.jpg')"
class="img-media-link"
data-media-link-id="4021904"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/8zXXrhNShG"
class="btn-media-link"
data-media-link-id="4021904"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/AUMLeaA7Vo"
style="background-image: url('https://img.tailwindapp.net/images/3a4b/14fd/3383/d200cfa3e5041a952a12-w236.jpg')"
class="img-media-link"
data-media-link-id="4021907"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/AUMLeaA7Vo"
class="btn-media-link"
data-media-link-id="4021907"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/30GKiroKA5"
style="background-image: url('https://img.tailwindapp.net/images/3851/65b4/3d14/57c01fb89a4fc313f575-w236.jpg')"
class="img-media-link"
data-media-link-id="4021905"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/30GKiroKA5"
class="btn-media-link"
data-media-link-id="4021905"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/fsPw68qP2"
style="background-image: url('https://img.tailwindapp.net/images/b6d6/9f5b/d380/e1df0dcba8346220d025-w236.jpg')"
class="img-media-link"
data-media-link-id="3022706"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/fsPw68qP2"
class="btn-media-link"
data-media-link-id="3022706"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
<div
class='media-link-grid'
>
<a href="https://shope.ee/6zmTU4POZp"
style="background-image: url('https://img.tailwindapp.net/images/c905/b7e0/fd66/28188a06266c3272c70b-w236.jpg')"
class="img-media-link"
data-media-link-id="3022698"
target='_blank'
rel="nofollow"
>
</a>
<a href="https://shope.ee/6zmTU4POZp"
class="btn-media-link"
data-media-link-id="3022698"
target='_blank'
rel="nofollow"
>
Click To Shop
</a>
</div>
</div>
</div>
<a id="tw-branding-link" class='tw-branding-link' target="_blank" href="https://www.tailwindapp.com/bio/A5J6m?utm_source=smartbio&utm_medium=cta&utm_campaign=smartbio"
onclick="window.linkClickHandler(null, 'referral_link_click')"
>
<div class="link-in-bio-footer">
Get your own <strong>Smart.bio</strong> by<img class="link-in-bio-tw-logo" src="https://smart.bio/tw-link-in-bio-assets/img/smart-bio-tailwind-logo.png"/>
</div>
</a>
<script>(function(w,d,s){w._uptime_rum={};w._uptime_rum.uuid='81LY-77A239D736682A72';w._uptime_rum.url='https://rum.uptime.com/rum/record-data';s=document.createElement('script');s.async=1;s.src='https://uptime.com/static/rum/compiled/rum.js';d.getElementsByTagName('head')[0].appendChild(s);})(window,document);</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-33652774-5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-33652774-5', { 'optimize_id': 'OPT-5JTT8Q6'});
</script>
<!-- Event data to send to GA -->
<script>
const referralButton = document.querySelector("#tw-branding-link");
const referralPillButton = document.querySelector("#ref-link");
const buttonLinks = document.querySelectorAll(".btn-featured-link");
const postLinks = document.querySelectorAll(".media-link-grid");
// Sends GA event when referral banner is clicked
if (referralButton) {
referralButton.addEventListener('click', function() {
gtag('event', 'Clicked Referral Link', {
'event_category': 'Smart.bio User Page',
'event_label': 'Default',
'value': ''
});
});
}
// Sends GA event when referral pill button is clicked
if (referralPillButton) {
referralPillButton.addEventListener('click', function() {
gtag('event', 'Clicked Referral Link', {
'event_category': 'Smart.bio User Page',
'event_label': 'Floating Pill',
'value': ''
});
});
}
// Sends GA event when a featured button link is clicked
if (buttonLinks) {
for (i = 0; i < buttonLinks.length; i++) {
buttonLinks[i].addEventListener('click', function() {
gtag('event', 'Clicked Button Link', {
'event_category': 'Smart.bio User Page',
'event_label': this.firstElementChild.innerText,
'value': ''
});
});
}
}
// Sends GA event when a post link is clicked
if (postLinks) {
for (i = 0; i < postLinks.length; i++) {
postLinks[i].addEventListener('click', function() {
let mediaLink = this.querySelector('.btn-media-link');
gtag('event', 'Clicked Post Link', {
'event_category': 'Smart.bio User Page',
'event_label': mediaLink.innerText + " - " + mediaLink.href,
'value': ''
});
});
}
}
</script>
<!-- / Event data to send to GA -->
<script>
/*
* NOTE: This JS is not transpiled so use vanilla instead of ES6.
*/
var linkInBioPageId = "143506";
// Route to record engagement event:
var engagementUrl = 'https://api.tailwindapp.com/link-in-bio/engagement';
// Event types
var PAGE_VIEW = 'page_view';
var POST_LINK_CLICK = 'post_link_click';
var FEATURED_LINK_CLICK = 'featured_link_click';
var REFERRAL_LINK_CLICK = 'referral_link_click';
// When the page loads, send a request to record the page view
var pageViewData = {
link_in_bio_page_id: linkInBioPageId,
event_type: PAGE_VIEW,
event_target_id: linkInBioPageId,
};
// Send request to record page view
sendEngagement(pageViewData);
// This will be populated with data for sendBeacon requests
var eventData = {};
// Listen for clicks on media or featured links and set the sendBeacon data:
document.body.addEventListener('click', function (event) {
switch (event.target.className) {
case 'featured-link-text':
case 'btn-featured-link': {
return linkClickHandler(event, FEATURED_LINK_CLICK);
}
case 'btn-media-link':
case 'img-media-link': {
return linkClickHandler(event, POST_LINK_CLICK);
}
}
});
// Invoked when a user clicks either a post link or a media link
function linkClickHandler (event, eventType) {
// Prevent redirection to the link until the request is done
eventData.event_type = eventType;
eventData.link_in_bio_page_id = linkInBioPageId;
// Assign event_target_id given the event type
switch (eventType) {
case PAGE_VIEW:
eventData.event_target_id = linkInBioPageId;
break;
case POST_LINK_CLICK:
eventData.event_target_id = event.target.getAttribute('data-media-link-id');
break;
case FEATURED_LINK_CLICK:
eventData.event_target_id = event.target.getAttribute('data-featured-link-id');
break;
// No real target for this event so we store the page ID
// In the future we should consider whether or not this should be NULLABLE
// But while we have very few events perfecting the data model isn't important.
// We can easily "undo" this by nulling all REFERRAL_LINK_CLICK records if need be.
case REFERRAL_LINK_CLICK:
eventData.event_target_id = linkInBioPageId;
break;
default:
break;
}
sendEngagement(eventData);
}
function sendEngagement(data) {
window.fetch(engagementUrl, {
method : 'POST',
mode : 'cors',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
body : convertJsonToUrlEncoded(data)
}).then(function (result) {
return;
}).catch(function (error) {
return;
});
}
/*
* Used to convert JSON to url encoded data for the POST requests
*/
function convertJsonToUrlEncoded (data) {
return Object.keys(data).map((key) => {
return encodeURIComponent(key) + '=' + encodeURIComponent(data[key]);
}).join('&')
}
</script>
</body>
</html>