Are you looking for an easy way to earn more money from your website? Sticky Popup Ads is your solution! With this you can increase your earnings without bothering your visitors.
💡 What are Sticky Popup Ads?
Sticky Popup Ads are ads that always appear at the bottom of your website, even if the user is scrolling the page. These ads do not cause much trouble to the users, but you get good clicks and impressions!
🚀 Why are Sticky Popup Ads so important?
Always Visible : Ads remain on the screen even while scrolling, as most people see them.
Non-Distracting : These ads do not block the content, so visitors are not bothered.
More Earnings : High visibility gives you more clicks and increases ad revenue!
📥 How to set it up?
Setting it up is very easy:
First, download the code by clicking on the “Download Now” button above.
In the downloaded file, replace “AD CODE HERE” with your AdX or Ad Manager code.
</body>Paste this code just above the tag in the HTML of your website .Save the changes, and your sticky popup ads will go live!
👉Copy the Sticky Popup Ads Code below
<div id="pads">
<style>
.ad-container {
display: flex;
justify-content: center;
position: relative;
background-color: white;
padding: 2px;
border-radius: 5px;
z-index: 2;
}
.ad-container > div {
margin: 0 1px;
}
@media (max-width:480px) {
.ad-container {
flex-direction: column;
}
}
.rtg-popup-Ads {
position: fixed;
bottom: 260px;
left: 50%;
transform: translateX(-50%);
width: 336px;
min-height: 280px;
max-height: 280px;
padding: 5px;
box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1);
transition: all .1s ease-in;
display: flex;
align-items: center;
justify-content: center;
background-color: #00000000;
z-index: 1000;
}
.rtg-popup-Ads-close {
width: 25px;
height: 15px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 23px 0 0 0;
position: absolute;
left: 30px;
top: -13px;
background-color: #ffffff;
box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08);
cursor: pointer;
display: none; /* Initially hide the close button */
}
.rtg-popup-Ads .rtg-popup-Ads-close svg {
width: 22px;
height: 22px;
fill: #000000;
}
.rtg-popup-Ads .rtg-popup-Ads-content {
overflow: hidden;
display: block;
position: relative;
height: 280px;
width: 100%;
margin-right: 10px;
margin-left: 10px;
}
.BR-Footer-Ads {
position: fixed;
bottom: -10px;
left: 48%;
transform: translateX(-50%);
width: 336px;
min-height: 280px;
max-height: 280px;
padding: 5px;
box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1);
transition: all .1s ease-in;
display: flex;
align-items: center;
justify-content: center;
background-color: #00000000;
z-index: 999;
}
.BR-Footer-Ads-close {
width: 25px;
height: 15px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 23px 0 0 0;
position: absolute;
left: 30px;
top:-13px;
background-color: #ffffff;
box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08);
cursor: pointer;
display: none; /* Initially hide the close button */
}
.BR-Footer-Ads .BR-Footer-Ads-close svg {
width: 22px;
height: 22px;
fill: #000000;
}
.BR-Footer-Ads .BR-Footer-Ads-content {
overflow: hidden;
display: block;
position: relative;
height: 280px;
width: 100%;
margin-right: 10px;
margin-left: 10px;
}
/* Styles for Centered Red X Button */
.Center-Close {
position: fixed;
bottom: 510px;
left: 50%;
transform: translateX(-50%);
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
z-index: 1001;
pointer-events: none;
}
.Center-Close svg {
width: 30px;
height: 30px;
fill: red;
}
</style>
<div class="rtg-popup-Ads" id="rtg-popup-Ads">
<div class="rtg-popup-Ads-close" id="rtg-popup-Ads-close" onclick="closeAds('rtg-popup-Ads')">
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" alt="Close">
<path d="M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z"></path>
</svg>
</div>
<div class="rtg-popup-Ads-content">
<!-- AD CODE HERE -->
<center>
Ads Code Here
</center>
</div>
</div>
<!-- Centered Red X Display Button -->
<div class="Center-Close" id="Center-Close">
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" alt="Close">
<path d="M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z"></path>
</svg>
</div>
<div class="BR-Footer-Ads" id="BR-Footer-Ads">
<div class="BR-Footer-Ads-close" id="BR-Footer-Ads-close" onclick="closeAds('BR-Footer-Ads')">
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" alt="Close">
<path d="M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z"></path>
</svg>
</div>
<div class="BR-Footer-Ads-content">
<!-- AD CODE HERE -->
<center>
Ads Code Here
</center>
</div>
</div>
<script>
function closeAds(adId) {
document.getElementById(adId).style.display = "none";
document.getElementById('Center-Close').style.display = "none";
}
setTimeout(function() {
document.getElementById('rtg-popup-Ads-close').style.display = 'flex';
document.getElementById('BR-Footer-Ads-close').style.display = 'flex';
document.getElementById('Center-Close').style.display = 'flex';
}, 5000);
</script>🔧 Did you face any problem?
If you have trouble setting up, don't worry! Follow our guide or contact us and get help.
