Last active
May 23, 2023 06:49
-
-
Save vaishalighuman/2991290015b3f9f450358a987ab119ce to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
STEP 1: | |
Add the following script tag in the <head> to include amp-iframe component. | |
If already present, ignore this step. | |
<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script> | |
STEP 2: | |
Add the following div element, where you want to show the ad in <body> tag | |
<div id="ub_direct_EOA"> | |
<amp-iframe sandbox="allow-scripts allow-same-origin allow-popups allow-forms" allowfullscreen frameborder="0" src="https://covidapi.unibots.in/html/citynewsrajasthan/directAds_EOA"> | |
<amp-img layout="fill" src="https://cdn.jsdelivr.net/gh/unib0ts/unibots@latest/main/placeholder.png" placeholder></amp-img> | |
</amp-iframe> | |
</div> | |
STEP 3: | |
Add the following style to your already existing <style amp-custom> tag. | |
.mybotUnibots { | |
bottom: 100px ; | |
right: 0; | |
position: fixed; | |
z-index: 2147483646; | |
} | |
STEP 4: | |
Add the following div just before closing <body> tag | |
<div class="mybotUnibots"> | |
<amp-iframe width="150" height="150" sandbox="allow-scripts allow-same-origin allow-popups" resizable src="https://covidapi.unibots.in/html/citynewsrajasthan/directAd_cube"> | |
<div overflow tabindex="0" role="button" aria-label="Show more">More</div> | |
<amp-img layout="fill" src="https://cdn.jsdelivr.net/gh/unib0ts/unibots/coronaWidget30/ph.png" placeholder></amp-img> | |
</amp-iframe> | |
</div> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment