HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
107x107
1.1 KB
Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:
Script

Open in browser
<html><head><meta http-equiv="Content-type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1"><style>html{width:100%;height:100%}body{top:0;left:0;margin:0;padding:0;width:100%;height:100%;overflow:hidden}.ad{display:block;width:100%;height:155px;position:relative;overflow:hidden;z-index:1;background:url(https://google.com) center;background-size:cover}.ad--iphone,.ad--ipod{margin:0 auto;max-width:414px}.ad--ipad,.ad--mac{height:92px}.ad__template{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:4}.ad__template-wrapper{width:100%;height:100%;backdrop-filter:blur(45px) saturate(200%);-webkit-backdrop-filter:blur(45px) saturate(200%);background:rgba(0,0,0,.3)}.app-logo-container{padding:25px 0 25px 20px}.app-title-and-tagline{padding:25px 20px 25px 15px}.app-logo{border:1px solid rgba(236,236,236,.3);border-radius:25px}.app-title{font-family:SFUIText-Semibold,-apple-system,system-ui,BlinkMacSystemFont;font-size:17px;font-weight:600;color:#fff;line-height:20px;letter-spacing:-.2px;padding-bottom:4px;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.app-description,.app-tagline{position:relative;font-family:SFUIText-Regular,-apple-system,system-ui,BlinkMacSystemFont;font-weight:400;color:#fff;font-size:13px;line-height:15px;letter-spacing:-.2px;word-break:break-word}.app-tagline{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.app-download-btn{width:62px;font-family:"SF UI Text",-apple-system,system-ui,BlinkMacSystemFont;font-weight:600;font-size:13px;background-color:rgb(0,0,0,.3);border:none;color:#fff;outline:0;border-radius:15px;letter-spacing:-.18;padding:5px 0;margin-top:15px;text-align:center}.ad--iphone .ad__template,.ad--ipod .ad__template{justify-content:flex-start;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start}.ad--ipad .app-title,.ad--mac .app-title{padding-bottom:2px}.ad--iphone .app-logo-container,.ad--ipod .app-logo-container{width:105px}.ad--iphone .ipad-cta,.ad--ipod .ipad-cta{display:none}.ad--iphone .iphone-cta,.ad--ipod .iphone-cta{display:inline-block}.ad--iphone .app-description,.ad--ipod .app-description{display:none}.ad--ipad .iphone-cta,.ad--mac .iphone-cta{display:none}.ad--ipad .app-logo-container,.ad--mac .app-logo-container{padding:14px 10px 14px 30px;width:64px;height:64px}.ad--ipad .app-title-and-tagline,.ad--mac .app-title-and-tagline{padding:14px 0;width:188px}.ad--ipad .app-description-container,.ad--mac .app-description-container{padding:0 0 0 30px;letter-spacing:-.18;width:324px}.ad--ipad .app-logo,.ad--mac .app-logo{width:64px;height:64px;border-radius:16px}.ad--ipad .ipad-cta,.ad--mac .ipad-cta{display:inline-block;padding:0 30px}.ad--ipad .app-download-btn,.ad--mac .app-download-btn{margin:0}.ad--ipad .app-description,.ad--mac .app-description{overflow:hidden;display:-webkit-box;overflow-wrap:break-word;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2}.ad--ipad .ad__template-wrapper,.ad--mac .ad__template-wrapper{height:92px}.ad__overlay{display:none;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;right:0;z-index:2;width:100%;height:155px}.ad__blurred-background{display:none;background:url(https://google.com) center;background-size:cover;z-index:1;width:100%;height:155px;filter:blur(45px) saturate(300%);width:100%;height:100%}.ad.ad--firefox{background:0 0}.ad.ad.ad--firefox .ad__blurred-background,.ad.ad.ad--firefox .ad__overlay{display:block}@media screen and (width:447px){.ad--ipad .app-logo-container,.ad--mac .app-logo-container{padding:14px 10px 14px 30px}.ad--ipad .app-title-and-tagline,.ad--mac .app-title-and-tagline{width:252px}.ad--ipad .app-description-container,.ad--mac .app-description-container{display:none}.ad--ipad .ipad-cta,.ad--mac .ipad-cta{padding:0 30px}}@media screen and (min-width:513px) and (max-width:543px){.ad--ipad .app-logo-container,.ad--mac .app-logo-container{padding:14px 10px 14px 20px}.ad--ipad .app-description-container,.ad--mac .app-description-container{padding:0 0 0 20px}.ad--ipad .ipad-cta,.ad--mac .ipad-cta{padding:0 20px}}@media screen and (min-width:513px){.ad--ipad .app-title-and-tagline,.ad--mac .app-title-and-tagline{width:127px}.ad--ipad .app-description-container,.ad--mac .app-description-container{width:170px}}@media screen and (min-width:543px){.ad--ipad .app-title-and-tagline,.ad--mac .app-title-and-tagline{width:132px}.ad--ipad .app-description-container,.ad--mac .app-description-container{width:195px}}@media screen and (min-width:648px) and (max-width:699px){.ad--ipad .app-logo-container,.ad--mac .app-logo-container{padding:14px 10px 14px 20px}.ad--ipad .app-title-and-tagline,.ad--mac .app-title-and-tagline{width:158px}.ad--ipad .app-description-container,.ad--mac .app-description-container{width:244px}}@media screen and (min-width:700px){.ad--ipad .app-title-and-tagline,.ad--mac .app-title-and-tagline{width:180px}.ad--ipad .app-description-container,.ad--mac .app-description-container{width:264px}}@media screen and (min-width:768px){.ad--ipad.ad,.ad--mac.ad{max-width:768px;margin:0 auto}.ad--ipad .app-title-and-tagline,.ad--mac .app-title-and-tagline{width:188px}.ad--ipad .app-description-container,.ad--mac .app-description-container{width:324px}}</style><script src="mraid.js"></script></head><body><article class="ad ad--iphone" id="ad-appdownload" onclick='mraid.open("https:\/\/google.com")'><div class="ad__overlay" id="ad__overlay"></div><div class="ad__blurred-background" id="ad__blurred-background"></div><div class="ad__template-wrapper"><div class="ad__template"><div class="app-logo-container"><img alt="" height="105" width="105" class="app-logo" id="app-addownload-image"></div><section class="app-title-and-tagline"><div class="app-title" id="app-title"></div><div class="app-tagline" id="app-tagline"></div><button class="app-download-btn iphone-cta">VIEW</button></section><div class="app-description-container"><div class="app-description" id="app-description"></div></div><div class="app-download-btn-container ipad-cta"><div class="app-download-btn">VIEW</div></div></div></div></article><script>var adData={creativeType:"LBADT",creativeId:"1234567",imageUrl:"https://google.com",deviceType:"iphone",destinationURL:"https:\/\/google.com",metadata:"country%3DCA%26connType%3D4G%26requestID%3DqADCD14CC-6E27-44D2-AE7B-38D3B4E535F9%26creativeImageUrl%3Dhttps%3A%2F%2Fgoogle.com",isExtended:"true",cdnUrl:"https:\/\/r4-iad-ss-static-assets.iad.apple.com\/",sourceId:"CLLM",enablePlaceholderImg:"true",appTitle:"abc",appHeadline:"Powered by Ads",appDescription:"{{DESCRIPTION_TEXT}}",timeout:"5000",placeholderImage:"square_placeholder"};function constructTemplateContent(){document.getElementById("app-title").innerText=adData.appTitle,document.getElementById("app-tagline").innerText=adData.appHeadline,document.getElementById("app-description").innerText=adData.appDescription,document.getElementById("ad-appdownload").classList.add("ad--"+adData.deviceType.toLowerCase()),navigator.userAgent&&-1!=navigator.userAgent.indexOf("Firefox")&&document.getElementById("ad-appdownload").classList.add("ad--firefox")}function adDataRectification(){-1!=adData.appTitle.indexOf("{{")&&-1!=adData.appTitle.indexOf("}}")&&(adData.appTitle=""),-1!=adData.appHeadline.indexOf("{{")&&-1!=adData.appHeadline.indexOf("}}")&&(adData.appHeadline=""),-1!=adData.appDescription.indexOf("{{")&&-1!=adData.appDescription.indexOf("}}")&&(adData.appDescription="")}function renderMarkup(a){adDataRectification(),constructTemplateContent(),document.getElementById("app-addownload-image").src=a}function loadImage(o,i){return new Promise(function(a,e){var t,n=i||1e4,d=new Image;d.onerror=d.onabort=function(){clearTimeout(t),e("error")},d.onload=function(){clearTimeout(t),a("success")},t=setTimeout(function(){d.src="//!!!!/test.jpg",e("timeout")},n),d.src=o})}function imageNotFound(a){console.log("imageNotFound");var e=navigator.appVersion.match(/(\d+)_(\d+)_?(\d+)?/),t=adData.cdnUrl+"/workbench/assets/square_placeholder"+("true"===adData.enablePlaceholderImg?"":"_")+".png?";adData.creativeId,e[0],navigator.platform,adData.metadata,Date.now(),adData.sourceId,adData.creativeType,adData.timeout,t=t.replace(/(https?:\/\/)|(\/)+/g,"$1$2"),(new Image).src=t,renderMarkup("true"===adData.enablePlaceholderImg?t:adData.imageUrl)}function imageFound(){console.log("imageFound"),renderMarkup(adData.imageUrl)}"true"===adData.isExtended?window.addEventListener("DOMContentLoaded",function(){window.top&&window.top.location&&-1==["null","blank","",void 0].indexOf(window.top.location.host)&&(adData.timeout=18e4),loadImage(adData.imageUrl,Math.round(adData.timeout)).then(imageFound.bind(),imageNotFound.bind())}):renderMarkup(adData.imageUrl)</script></body></html>
Landing Page

This ad does not have a landing page available
Network Timeline

Performance Summary

Requests
Domains
9KB
Transfer Size
9KB
Content Size
111.0ms
Dom Content Loaded
308.0ms
First Paint
380.0ms
Load Time
Domain Breakdown

Transfer Size (bytes)
Content Size (bytes)
Header Size (bytes)
Requests
Timings (ms)
Total Time
Content Breakdown

Transfer Size (bytes)
Content Size (bytes)
Header Size (bytes)
Requests