Live Preview
Tag didn’t load? Click here and let us know!
Share this result
Previews are deleted daily. Get a permanent share link sent to your inbox:
Script
<!DOCTYPE html>
<html lang="en">
<head>
<title>Stellantis Alfaromeo - Banner V2</title>
<meta charset="utf-8"/>
<meta name="robots" content="noindex, nofollow"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="msapplication-tap-highlight" content="no" />
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../../img/preview/mobile-website/apple-touch-icon-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../../img/preview/mobile-website/apple-touch-icon-114x114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../../img/preview/mobile-website/apple-touch-icon-72x72-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../../img/preview/mobile-website/apple-touch-icon-144x144-precomposed.png" />
<link rel="apple-touch-icon" href="../../../img/preview/mobile-website/icon.png" />
<link rel="icon" type="image/svg+xml" href="/favicon-preview.svg" />
<link rel="alternate icon" href="/img/preview/mobile-website/favicon.ico" />
<link rel="mask-icon" href="/favicon-preview.svg" />
<script>
(function(doc) {
const clientUrl = 'https://cache-ssl.celtra.com/';
const appName = 'publisher_mobile_website';
fetch(`${clientUrl}manifests/19c2627f/dashboard.json`)
.then(response => response.json())
.then(manifest => {
const jsAssets = Object.entries(manifest).filter(a => a[0].startsWith(appName + '.') && a[1].endsWith('.js')).map(a => a[1]);
const cssAssets = Object.entries(manifest).filter(a => a[0].startsWith(appName + '.') && a[1].endsWith('.css')).map(a => a[1]);
jsAssets.forEach(asset => {
// we need to create script elements manually, because dynamic import requires strict mode javascript
const script = doc.createElement('script');
script.setAttribute('src', `${clientUrl}${asset}`);
script.setAttribute('crossorigin', 'anonymous')
doc.head.appendChild(script);
})
cssAssets.forEach(asset => {
const link = doc.createElement('link');
link.setAttribute('href', `${clientUrl}${asset}`);
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
doc.head.appendChild(link);
});
});
})(document)
</script>
<link rel="stylesheet" href="https://cache-ssl.celtra.com/stylesheets/ad_intervention_placeholder.css?b5e024d6e76458bc6384f177cfcfbdf4e8cef247" />
<script src="https://cache-ssl.celtra.com/PreviewApp.js?b5e024d6e76458bc6384f177cfcfbdf4e8cef247" defer crossorigin></script>
<script src="https://cache-ssl.celtra.com/AnnotationAppFrameHelper.js?b5e024d6e76458bc6384f177cfcfbdf4e8cef247" crossorigin></script>
<script src="https://cache-ssl.celtra.com/AdInterventionPlaceholder.js?b5e024d6e76458bc6384f177cfcfbdf4e8cef247" crossorigin></script>
<script>
/* When clients preview desktop URLs on mobile devices it breaks hash parameters.
That's why we do a check here and convert any hash string to a get string.
*/
if (window.location.hash && window.location.hash.length > 1) {
var urlParameters = window.location.hash.replace(/^#/, '').split('&').reduce(function (accumulatedParams, currentParam) {
var param = currentParam.split('=');
if (param[0].match(/^(rp\.|user\.|overrides\.)/) === null) {
return accumulatedParams;
}
var temperatures = { 'hot' : 30, 'mild' : 20, 'cold' : 10 };
if (param[0] === 'overrides.weather.apparentTemperature' && param[1] in temperatures) {
param[1] = temperatures[param[1]];
}
return accumulatedParams.concat([param.join('=')]);
}, []).join('&');
var url = window.location.origin
+ window.location.pathname
+ window.location.search
+ (urlParameters !== '' ? (window.location.search ? '&' : '?') + urlParameters : '');
window.location.href = url;
}
setTimeout(function() { scrollTo(0, 0); }, 300);
window.onload = function() {
var previewApp = new PreviewApp();
var annotationAppFrameHelper = new AnnotationAppFrameHelper();
var adInterventionPlaceholder = new AdInterventionPlaceholder({
container: document.querySelector('.ad-placeholder'),
theme: 'light-theme',
});
document.getElementById('scroll-down-notification-box').style.display = 'block';
};
const params = new URLSearchParams(window.location.search);
if (params.get('rp.creativePosition') === 'right') {
document.documentElement.classList.add('force-right-sidebar-visible');
}
if (params.get('rp.standalonePreview') === '1') {
document.documentElement.classList.add('standalone');
}
</script>
</head>
<body class="desktop">
<header>
<div class="brand-logo"></div>
<div class="brand-name"></div>
<div class="mobile-menu-button">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</header><div class="header-offset"></div><div class="ad-placeholder-wrapper show-overflow">
<div class="ad-placeholder">
<div class="celtra-ad-v3" style="z-index: 1;">
<img src="data:image/png,celtra" style="display: none" onerror='
(function(img) {
var params = {"purpose":"preview","overrides.clientTimestamp":"","overrides.clientTimeZoneOffsetInMinutes":"","overrides.ipCityGeonameId":"","overrides.ipPrincipalSubdivisionCode":"","overrides.ipRegionCode":"","overrides.ipCity":"","overrides.ipCountryCode":"","overrides.weather.currentCondition":"","overrides.weather.apparentTemperature":"","overrides.weather.clientTemperatureType":"","overrides.weather.windy":"","overrides.derivedAudiences":"","overrides.deviceInfo.osName":"","overrides.deviceInfo.deviceType":"","overrides.placementId":""};
var req = document.createElement("script");
req.id = params.scriptId = "celtra-script-" + (window.celtraScriptIndex = (window.celtraScriptIndex||0)+1);
params.clientTimestamp = new Date/1000;
params.clientTimeZoneOffsetInMinutes = new Date().getTimezoneOffset();
var src = (window.location.protocol == "https:" ? "https" : "http") + ":\/\/cdn.celtra.com\/ads\/bf20c9bf\/preview.js?";
for (var k in params) {
src += "&" + encodeURIComponent(k) + "=" + encodeURIComponent(params[k]);
}
req.src = src;
img.parentNode.insertBefore(req, img.nextSibling);
})(this);
'/>
</div>
</div>
</div> <div class="content clearfix">
<main>
<article class="first">
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-7"></div><div class="text-line width-8"></div><div class="text-line width-8"></div><div class="text-line width-8"></div><div class="text-line width-8"></div><div class="text-line width-8"></div><div class="text-line width-8"></div><div class="text-line width-3"></div></div>
</article><article class="second">
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-5"></div><div class="text-line width-7"></div><div class="text-line width-5"></div><div class="text-line width-4"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-6"></div><div class="text-line width-5"></div><div class="text-line width-3"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-5"></div><div class="text-line width-8"></div><div class="text-line width-1"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-8"></div><div class="text-line width-7"></div><div class="text-line width-4"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-9"></div><div class="text-line width-6"></div><div class="text-line width-2"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-8"></div><div class="text-line width-7"></div><div class="text-line width-2"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-8"></div><div class="text-line width-7"></div><div class="text-line width-3"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-6"></div><div class="text-line width-9"></div><div class="text-line width-1"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-9"></div><div class="text-line width-8"></div><div class="text-line width-3"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-7"></div><div class="text-line width-5"></div><div class="text-line width-2"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-8"></div><div class="text-line width-9"></div><div class="text-line width-4"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-6"></div><div class="text-line width-6"></div><div class="text-line width-2"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-6"></div><div class="text-line width-5"></div><div class="text-line width-3"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-8"></div><div class="text-line width-8"></div><div class="text-line width-3"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-8"></div><div class="text-line width-7"></div><div class="text-line width-1"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-9"></div><div class="text-line width-5"></div><div class="text-line width-3"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-8"></div><div class="text-line width-6"></div><div class="text-line width-3"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-6"></div><div class="text-line width-8"></div><div class="text-line width-3"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-5"></div><div class="text-line width-9"></div><div class="text-line width-2"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-7"></div><div class="text-line width-8"></div><div class="text-line width-3"></div></div>
</article> </main>
<aside>
<article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-6"></div><div class="text-line width-9"></div><div class="text-line width-2"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-9"></div><div class="text-line width-9"></div><div class="text-line width-1"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-7"></div><div class="text-line width-6"></div><div class="text-line width-3"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-7"></div><div class="text-line width-9"></div><div class="text-line width-3"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-5"></div><div class="text-line width-5"></div><div class="text-line width-4"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-5"></div><div class="text-line width-5"></div><div class="text-line width-3"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-6"></div><div class="text-line width-7"></div><div class="text-line width-3"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-7"></div><div class="text-line width-5"></div><div class="text-line width-1"></div></div>
</article><article>
<div class="image-placeholder"></div>
<div class="text-placeholder"><div class="text-line width-10"></div><div class="text-line width-10"></div><div class="text-line width-8"></div><div class="text-line width-5"></div><div class="text-line width-3"></div></div>
</article> </aside>
</div>
<div class="notification-box" id="scroll-down-notification-box" style="display: none;">
<div class="wrapper">
<p>
Scroll down to reveal creative.
</p>
</div>
</div>
</body>
</html>
Landing Page
This ad does not have a landing page available
Network Timeline
Performance Summary
Loading...
Domain Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...
Timings (ms)
Loading...
Total Time
Loading...
Content Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...