google-publisher-tag-pro
Version:
Lib made to help developers to manage ads in web sites.
68 lines (61 loc) • 2.54 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello GPT</title>
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script async src="dist/main.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<style>
.ad-gpt-pro-slot:not([data-google-query-id]) {
display: none;
}
</style>
</head>
<body>
<div class="container">
<div class="ad-gpt-pro p-4 bg-gray-50 d-flex flex-column align-items-center gap-2 rounded mx-auto w-fit " style="
background-color: gray;
width: fit-content;
">
<small class="button-default-sm-light text-uppercase text-gray-500">Publicidade</small>
<div style="min-width: 250px; min-height: 300px;" class="d-flex w-100 rounded overflow-auto">
<div class="ad-gpt-pro-slot" id="ad_publisher_start_front_page_ads_manager_globals_0_0" ad-sizes="header-desktop" ad-custom-sizes="[[300,249]]" ad-client-id-suffix="Travel/Europe/France/Paris" ad-agent="desktop" ad-refresh="true"></div>
</div>
</div>
<div style="height: 50px"></div>
<div class="ad-gpt-pro p-4 bg-gray-50 d-flex flex-column align-items-center gap-2 rounded mx-auto w-fit " style="
background-color: gray;
width: fit-content;
">
<small class="button-default-sm-light text-uppercase text-gray-500">Publicidade</small>
<div class="ad-gpt-pro-slot" id="ad_publisher_start_front_page_ads_manager_globals_0_1" ad-sizes="header-desktop" ad-custom-sizes="[[300,249]]" ad-client-id-suffix="Travel/Europe/France/Paris" ad-agent="desktop" ad-refresh="true"></div>
</div>
<div style="height: 50px"></div>
<script>
window.googletag = window.googletag || {cmd: []};
googletag.cmd.push(function() {
googletag
.defineSlot(
'/6355419/Travel/Europe/France/Paris', [300, 250], 'banner-ad')
.addService(googletag.pubads());
googletag.enableServices();
});
</script>
<div class="ad-gpt-pro p-4 bg-gray-50 d-flex flex-column align-items-center gap-2 rounded mx-auto w-fit " style="
background-color: gray;
width: fit-content;
">
<small class="button-default-sm-light text-uppercase text-gray-500">Publicidade</small>
<div id="banner-ad">
<script>
googletag.cmd.push(function() {
setTimeout(() => {
googletag.display('banner-ad');
}, 1000);
});
</script>
</div>
</div>
</div>
</body>