HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
175x24
3.53 KB
Share this result

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

Open in browser
<!DOCTYPE html><html><head><title>Preview an HTML ad tag - Powered by Ad Reform</title><meta charset="UTF-8" /><meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" /><meta content="Preview HTML ad tags, HTML5 ads and VAST tags visually. View landing page click-throughs and ad quality metrics. Share ad previews with your team to collaborate and fix issues." name="description" /><meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="y6HQVscNa8IBiBU6PLrHZDH3PWj7X_xDs-sFaog9gZYyhkwegyjIk0tv4ABSTLk7VPR8bsP6L4YIiWqzdOFvVA" /><meta name="app-context" data-revision="" data-key="c0f578a8-9db5-4b1e-848c-f67b1141a9a9" data-environment="production"><meta name="turbolinks-cache-control" content="cache" /><link rel="stylesheet" media="all" href="/assets/application-0a534ff376417542e9e13ff631e27a1e2285db944d58f2fe94d8fa693979c88e.css" data-turbolinks-track="reload" /><link rel="stylesheet" media="screen" href="/assets/social-share-button-37fce59b64d05f01d0586bacbcaddf9adebb0553a4ef97fdee3f34f9a5b17332.css" /><meta name="action-cable-url" content="/cable" /><script src="/assets/application-f4582e3ddc14b6600ebbdc527a0922a094105583f3f000a94130b390e4ade56d.js" data-turbolinks-track="reload"></script><script src="/packs/application-e8abb13d6c23ea3d1b51.js"></script><script src="/assets/social-share-button-fd1b2971f450c3080e37988a4931ad46df6d4feda3e4e9d6d903ae2a4f7be3e0.js"></script><style type="text/css">.social-share-button .ssb-icon {  
  background-size: 20px 20px;
  height: 20px;
  width: 20px;

}</style><link rel="shortcut icon" type="image/x-icon" href="https://www.previewads.com/assets/favicon-16x16-3c334dde1923b93a1f6878424c21e52d3d89c069fdd88e7a44a51457d26e73b2.png" sizes="16x16" /><link rel="shortcut icon" type="image/x-icon" href="https://www.previewads.com/assets/favicon-32x32-3547acd03805b8ba2ba3ea70ce93bf8319f29b1d15a0b8ea409d9b2e96a12c38.png" sizes="32x32" /><script async="" defer="defer" id="hs-script-loader" src="//js.hs-scripts.com/2811592.js" type="text/javascript"></script><script data-domain="previewads.com" defer="" src="https://plausible.io/js/script.tagged-events.outbound-links.js"></script><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-88847109-1', 'auto');
ga('send', 'pageview');</script><script>window['_fs_debug'] = false;
window['_fs_host'] = 'fullstory.com';
window['_fs_script'] = 'edge.fullstory.com/s/fs.js';
window['_fs_org'] = '2ST4G';
window['_fs_namespace'] = 'FS';
(function(m,n,e,t,l,o,g,y){
  if (e in m) {if(m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');} return;}
  g=m[e]=function(a,b,s){g.q?g.q.push([a,b,s]):g._api(a,b,s);};g.q=[];
  o=n.createElement(t);o.async=1;o.crossOrigin='anonymous';o.src='https://'+_fs_script;
  y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);
  g.identify=function(i,v,s){g(l,{uid:i},s);if(v)g(l,v,s)};g.setUserVars=function(v,s){g(l,v,s)};g.event=function(i,v,s){g('event',{n:i,p:v},s)};
  g.anonymize=function(){g.identify(!!0)};
  g.shutdown=function(){g("rec",!1)};g.restart=function(){g("rec",!0)};
  g.log = function(a,b){g("log",[a,b])};
  g.consent=function(a){g("consent",!arguments.length||a)};
  g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};
  g.clearUserCookie=function(){};
  g.setVars=function(n, p){g('setVars',[n,p]);};
  g._w={};y='XMLHttpRequest';g._w[y]=m[y];y='fetch';g._w[y]=m[y];
  if(m[y])m[y]=function(){return g._w[y].apply(this,arguments)};
  g._v="1.3.0";
})(window,document,window['_fs_namespace'],'script','user');

window['_fs_ready'] = function() {
  App.sessionUrl       = FS.getCurrentSessionURL();
  App.sessionUrlAtTime = FS.getCurrentSessionURL(true);
};

var fsUserVars = {
  displayName: '',
  email: '',
  root_bool: false,
  approver_bool: false,
  environment_str: "production"
}

var userContext = document.querySelector('meta[name="user-context"]');
if (userContext && userContext instanceof window.HTMLMetaElement) {  
  Object.assign(fsUserVars, {
    displayName:   userContext.dataset.email,
    email:         userContext.dataset.email,
    root_bool:     userContext.dataset.root,
    approver_bool: userContext.dataset.approver
  });

  var orgContext = document.querySelector('meta[name="organization-context"]');
  if (orgContext && orgContext instanceof window.HTMLMetaElement) {
    Object.assign(fsUserVars, {
      organizationName_str: orgContext.dataset.name,
      organizationSlug_str: orgContext.dataset.slug,
      organizationId_int:   orgContext.dataset.id
    })
  }

  FS.identify(userContext.dataset.id, fsUserVars);
} else {
  Object.assign(fsUserVars, {

  })
  FS.setUserVars(fsUserVars);
}</script><script data-pw-auth="99e0fb6819b75c1163d6db6a0921d2e8" id="profitwell-js">(function(i,s,o,g,r,a,m){i[o]=i[o]||function(){(i[o].q=i[o].q||[]).push(arguments)};a=s.createElement(g);m=s.getElementsByTagName(g)[0];a.async=1;a.src=r+'?auth='+s.getElementById(o+'-js').getAttribute('data-pw-auth');m.parentNode.insertBefore(a,m);})(window,document,'profitwell','script','https://public.profitwell.com/js/profitwell.js');</script></head><body><nav class="navbar navbar-toggleable-md navbar-light fixed-top" style="background:#fff;"><button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right" data-target="#navbarCollapse" data-toggle="collapse" type="button"><span class="navbar-toggler-icon"></span></button><a class="navbar-brand" href="https://www.adreform.com"><img width="175" height="auto" src="https://www.previewads.com/assets/adreform_wordmark_black_blue-05ac5dc9b8d933b1ac8938b1ec0934df7f10cd13785af7b17fe56b39640c1857.png" /></a><div class="collapse navbar-collapse" id="navbarCollapse"><ul class="navbar-nav mr-auto"><li class="nav-item"><a class="nav-link" href="https://www.previewads.com/">Free ad testing and validation <span class="badge badge-sm badge-success">beta</span></a></li></ul></div></nav><hr class="m-0 mt-5" /><div class="container marketing pt-4 pb-1 col-lg-10 mx-auto text-center pb-3"><div class="row mb-5"><div class="col-xl-10 col-lg-12 mx-auto"><ul class="nav nav-tabs" role="tablist"><li class="nav-item"><a class="nav-link active" href="/html-tag-ad-tester">Ad Tag Tester</a></li><li class="nav-item"><a class="nav-link " href="/html5-ad-tester">HTML5 Ad Validator</a></li><li class="nav-item"><a class="nav-link " href="/vast-tag-ad-tester">VAST Tag Tester</a></li></ul></div></div><div class="row"><div class="col-xl-10 col-lg-12 mx-auto"><div class="row-fluid"><form class="simple_form new_capturable" id="new_capturable" novalidate="novalidate" data-client-side-validations="{&quot;html_settings&quot;:{&quot;type&quot;:&quot;SimpleForm::FormBuilder&quot;,&quot;error_class&quot;:&quot;form-text text-danger&quot;,&quot;error_tag&quot;:&quot;span&quot;,&quot;wrapper_error_class&quot;:&quot;has-danger&quot;,&quot;wrapper_tag&quot;:&quot;div&quot;,&quot;wrapper_class&quot;:&quot;form-group&quot;,&quot;wrapper&quot;:&quot;vertical_form&quot;},&quot;number_format&quot;:{&quot;separator&quot;:&quot;.&quot;,&quot;delimiter&quot;:&quot;,&quot;},&quot;validators&quot;:{&quot;capturable[content]&quot;:{&quot;presence&quot;:[{&quot;message&quot;:&quot;can&#39;t be blank&quot;}]}}}" action="/html-tag-ad-tester" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MSAqm0jtdJvkMT-c6VC4fQkhQKUiUSKX0uA6XJ3EyIuYjZArXACpgRd9IcsMTfZ_fYPply5YKssrwYs9r8HAGA" /><div class="row-fluid"><h1 class="h4">Ad Tag Tester</h1></div><div class="row-fluid"><div class="form-inputs"><div class="form-group text required capturable_content"><textarea class="form-control text required" rows="5" required="required" aria-required="true" placeholder="Paste an HTML tag" name="capturable[content]" id="capturable_content">
</textarea></div></div><div class="form-actions pt-2"><input type="submit" name="commit" value="Generate Preview →" class="btn btn-primary plausible-event-name=html_tags.submit" data-disable-with="Generate Preview →" /> </div></div></form></div><hr class="mt-5" /><div class="row-fluid mt-5 text-left"><div itemscope="true" itemtype="https://schema.org/FAQPage"><h1 class="h3 text-center">Frequently Asked Questions (FAQ)</h1><div class="mt-4"><div itemprop="mainEntity" itemtype="https://schema.org/Question" itemscope="itemscope"><h2 itemprop="name" class="h4">How do I preview an HTML ad tag?</h2><div itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text"><ol><li>Preview an ad tag by uploading the tag's HTML (script)</li><li>Get a live preview</li><li>View the landing page screenshot, URL, and query parameters</li><li>View network timelines, load times, file sizes, and more to ensure ads are compliant</li><li>Share with clients and get feedback</li></ol></div></div></div></div><div class="mt-4"><div itemprop="mainEntity" itemtype="https://schema.org/Question" itemscope="itemscope"><h2 itemprop="name" class="h4">What is an HTML ad tag?</h2><div itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text"><p><a href="https://blog.adreform.com/ad-tags" target="_blank">An HTML ad tag </a>is a snippet of HTML markup that will load an ad in a web browser. The HTML often includes JavaScript, and it tells the browser how, where and when to load the ad.</p><p>Here's an example of an HTML ad tag from <a href="https://marketingplatform.google.com/about/campaign-manager-360/" target="_blank">Google Campaign Manager 360:</a></p><code class="break-word p-2">&lt;ins class=&#39;dcmads&#39; style=&#39;display:inline-block;width:300px;height:250px&#39; data-dcm-placement=&#39;N4031.197864ADREADY/B26252916.317973820&#39; data-dcm-rendering-mode=&#39;iframe&#39; data-dcm-https-only data-dcm-ltd=&#39;false&#39; data-dcm-resettable-device-id=&#39;&#39; data-dcm-app-id=&#39;&#39; data-dcm-click-tracker=&#39;${CLICK_URL}&#39;&gt; &lt;script src=&#39;https://www.googletagservices.com/dcm/dcmads.js&#39;&gt;&lt;/script&gt; &lt;/ins&gt;</code></div></div></div></div><div class="mt-4"><div itemprop="mainEntity" itemtype="https://schema.org/Question" itemscope="itemscope"><h2 itemprop="name" class="h4">How do ad tags work?</h2><div itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text"><p>When a user goes to a site, the user's browser sends info to the ad server. This info typically contains info on the user visiting the site and the ad's placement info. Then the ad server sends the ad tag to a third-party data provider so that it has the correct targeting info. It may also pass the tag to a number of other third parties for things like brand safety or geo-targeting.Then, the ad server sends the tag back to the advertisers and loads the ad in the user's browser which returns the ad tag with a creative URL that is likely hosted somewhere else as well.</p></div></div></div></div><div class="mt-4"><div itemprop="mainEntity" itemtype="https://schema.org/Question" itemscope="itemscope"><h2 itemprop="name" class="h4">What are HTML ad tag specifications?</h2><div itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text"><p>Ad specifications are a set of metrics and rules to guide the design, production, and serving of ad creatives.<br /><a href="https://iabtechlab.com/standards/new-ad-portfolio/" target="_blank">The Interactive Advertising Bureau (IAB) publishes ad creative guidelines </a>that you can easily adopt or use as a starting point for defining your own ad specifications.</p><p>Once you have an ad tag specification in place, you can <a href="https://blog.adreform.com/key-ad-qa-processes-checklists" target="_blank">develop ad quality assurance (ad QA) checklists </a>to ensure your ads always meet the spec.</p></div></div></div></div><div class="mt-4"><div itemprop="mainEntity" itemtype="https://schema.org/Question" itemscope="itemscope"><h2 itemprop="name" class="h4">What is the network timeline?</h2><div itemscope="itemscope" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text"><p>The Network timeline allows you to see and analyze the network requests that make up each individual page load within a single user's session. In our case we're giving you a network timeline of an ad load. You can use this view to investigate the causes of slow ads and identify performance bugs.When we talk about "requests" in the context of the network timeline, we mean the line-by-line calls for the files that build an ad or send information from the browser to another system. Any given ad in your visitor's session may make requests for:</p><ul><li>HTML (the document that frames out the structure and content of a web page)</li><li>Fonts (typography and icon sets)</li><li>CSS (styles)</li><li>JavaScript (scripts that make the page interactive or send data to other systems)</li><li>Media (images and videos)</li></ul></div></div></div></div></div></div></div></div></div><hr class="mt-4" /><div class="container marketing pt-2"><footer><div class="hidden-xs-down"><span class="text-muted float-right"><a href="https://www.adreform.com">© 2024 Ad Reform, LLC</a></span><span class="float-left text-muted">Made with grit across the globe 🇧🇷 🇵🇭 🇵🇹 🇺🇸</span><div class="clearfix"></div></div><div class="hidden-sm-up"><div class="text-center"><p class="text-muted">Made with grit across the globe 🇧🇷 🇵🇭 🇵🇹 🇺🇸</p><p class="text-muted"><a href="https://www.adreform.com">© 2024 Ad Reform, LLC</a></p></div></div></footer></div><script id="IntercomSettingsScriptTag">
//<![CDATA[
window.intercomSettings = {"app_id":"kted7f8t","widget":{"activator":"[data-toggle=\"intercom\"]"}};(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/kted7f8t';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}};})()
//]]>
</script>
</body></html>
Landing Page

This ad does not have a landing page available
Network Timeline

Performance Summary

Requests
Domains
1141KB
Transfer Size
3631KB
Content Size
373.0ms
Dom Content Loaded
453.0ms
First Paint
559.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