HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
301x600
267 KB
Share this result

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

Open in browser

export const BANNER_TAG_COGNITIV = `<cognitiv
  data-creative-size='300x600'
  data-creative-id='121212'
  data-placement-id='4'
  style='height:auto;width:auto;'
>
<ins class='dcmads' style='display:inline-block;width:300px;height:600px'
    data-dcm-placement='N1399887.3364179COGNITIV/B31535403.387852071'
    data-dcm-rendering-mode='iframe'
    data-dcm-https-only
    data-dcm-api-frameworks='[APIFRAMEWORKS]'
    data-dcm-omid-partner='[OMIDPARTNER]'
    data-dcm-gdpr-applies='gdpr=GDPR'
    data-dcm-gdpr-consent='gdpr_consent=GDPR_CONSENT_755'
    data-dcm-addtl-consent='addtl_consent=ADDTL_CONSENT'
    data-dcm-ltd='false'
    data-dcm-resettable-device-id=''
    data-dcm-app-id=''>
  <script src='https://www.googletagservices.com/dcm/dcmads.js'></script>
</ins>
  <script>
!function(){"use strict";!function(){const t={HOST:"http://localhost:8080/api/v1"};try{if(process)return process.env=Object.assign({},process.env),void Object.assign(process.env,t)}catch(t){}globalThis.process={env:t}}();var t,e,n;!function(t){t.ALL_EVENTS="All Events",t.DOCUMENT_PROPERTIES="Document Properties",t.DOCUMENT_EVENTS="Document Events",t.MACRO_PROPERTIES="Macro Properties",t.CREATIVE_EVENTS="Creative Events",t.MOUSE_EVENTS="Mouse Events"}(t||(t={})),t.ALL_EVENTS,t.DOCUMENT_PROPERTIES,t.MACRO_PROPERTIES,t.DOCUMENT_EVENTS,t.CREATIVE_EVENTS,t.MOUSE_EVENTS,function(t){t[t.DOCUMENT_PROPERTIES=1]="DOCUMENT_PROPERTIES",t[t.DOCUMENT_VISIBILITY=2]="DOCUMENT_VISIBILITY",t[t.DOCUMENT_LEAVE=3]="DOCUMENT_LEAVE",t[t.MACRO_PROPERTIES=4]="MACRO_PROPERTIES",t[t.CREATIVE_VISIBILITY=5]="CREATIVE_VISIBILITY",t[t.MOUSE_HOVER=6]="MOUSE_HOVER",t[t.MOUSE_CLICK=7]="MOUSE_CLICK"}(e||(e={})),function(t){t[t.DOCUMENT_PROPERTIES=1]="DOCUMENT_PROPERTIES",t[t.MACRO_PROPERTIES=2]="MACRO_PROPERTIES",t[t.DOCUMENT_EVENTS=3]="DOCUMENT_EVENTS",t[t.CREATIVE_EVENTS=4]="CREATIVE_EVENTS",t[t.MOUSE_EVENTS=5]="MOUSE_EVENTS"}(n||(n={}));const i=t=>{const e="0123456789ABCDEF";let n="";for(let i=0;i<t.length;i++){const o=t.charCodeAt(i);n+=e.charAt(o>>>4&15)+e.charAt(15&o)}return n},o=t=>{const e=Array(t.length>>2);for(let t=0;t<e.length;t++)e[t]=0;for(let n=0;n<8*t.length;n+=8)e[n>>5]|=(255&t.charCodeAt(n/8))<<n%32;return e},r=t=>{let e="";for(let n=0;n<32*t.length;n+=8)e+=String.fromCharCode(t[n>>5]>>>n%32&255);return e},s=(t,e)=>{t[e>>5]|=128<<e%32,t[14+(e+64>>>9<<4)]=e;let[n,i,o,r]=[1732584193,-271733879,-1732584194,271733878];for(let e=0;e<t.length;e+=16){const s=n,c=i,E=o,d=r;i=h(i=h(i=h(i=h(i=u(i=u(i=u(i=u(i=l(i=l(i=l(i=l(i=a(i=a(i=a(i=a(i,o=a(o,r=a(r,n=a(n,i,o,r,t[e+0],7,-680876936),i,o,t[e+1],12,-389564586),n,i,t[e+2],17,606105819),r,n,t[e+3],22,-1044525330),o=a(o,r=a(r,n=a(n,i,o,r,t[e+4],7,-176418897),i,o,t[e+5],12,1200080426),n,i,t[e+6],17,-1473231341),r,n,t[e+7],22,-45705983),o=a(o,r=a(r,n=a(n,i,o,r,t[e+8],7,1770035416),i,o,t[e+9],12,-1958414417),n,i,t[e+10],17,-42063),r,n,t[e+11],22,-1990404162),o=a(o,r=a(r,n=a(n,i,o,r,t[e+12],7,1804603682),i,o,t[e+13],12,-40341101),n,i,t[e+14],17,-1502002290),r,n,t[e+15],22,1236535329),o=l(o,r=l(r,n=l(n,i,o,r,t[e+1],5,-165796510),i,o,t[e+6],9,-1069501632),n,i,t[e+11],14,643717713),r,n,t[e+0],20,-373897302),o=l(o,r=l(r,n=l(n,i,o,r,t[e+5],5,-701558691),i,o,t[e+10],9,38016083),n,i,t[e+15],14,-660478335),r,n,t[e+4],20,-405537848),o=l(o,r=l(r,n=l(n,i,o,r,t[e+9],5,568446438),i,o,t[e+14],9,-1019803690),n,i,t[e+3],14,-187363961),r,n,t[e+8],20,1163531501),o=l(o,r=l(r,n=l(n,i,o,r,t[e+13],5,-1444681467),i,o,t[e+2],9,-51403784),n,i,t[e+7],14,1735328473),r,n,t[e+12],20,-1926607734),o=u(o,r=u(r,n=u(n,i,o,r,t[e+5],4,-378558),i,o,t[e+8],11,-2022574463),n,i,t[e+11],16,1839030562),r,n,t[e+14],23,-35309556),o=u(o,r=u(r,n=u(n,i,o,r,t[e+1],4,-1530992060),i,o,t[e+4],11,1272893353),n,i,t[e+7],16,-155497632),r,n,t[e+10],23,-1094730640),o=u(o,r=u(r,n=u(n,i,o,r,t[e+13],4,681279174),i,o,t[e+0],11,-358537222),n,i,t[e+3],16,-722521979),r,n,t[e+6],23,76029189),o=u(o,r=u(r,n=u(n,i,o,r,t[e+9],4,-640364487),i,o,t[e+12],11,-421815835),n,i,t[e+15],16,530742520),r,n,t[e+2],23,-995338651),o=h(o,r=h(r,n=h(n,i,o,r,t[e+0],6,-198630844),i,o,t[e+7],10,1126891415),n,i,t[e+14],15,-1416354905),r,n,t[e+5],21,-57434055),o=h(o,r=h(r,n=h(n,i,o,r,t[e+12],6,1700485571),i,o,t[e+3],10,-1894986606),n,i,t[e+10],15,-1051523),r,n,t[e+1],21,-2054922799),o=h(o,r=h(r,n=h(n,i,o,r,t[e+8],6,1873313359),i,o,t[e+15],10,-30611744),n,i,t[e+6],15,-1560198380),r,n,t[e+13],21,1309151649),o=h(o,r=h(r,n=h(n,i,o,r,t[e+4],6,-145523070),i,o,t[e+11],10,-1120210379),n,i,t[e+2],15,718787259),r,n,t[e+9],21,-343485551),n=g(n,s),i=g(i,c),o=g(o,E),r=g(r,d)}return[n,i,o,r]},c=(t,e,n,i,o,r)=>g(E(g(g(e,t),g(i,r)),o),n),a=(t,e,n,i,o,r,s)=>c(e&n|~e&i,t,e,o,r,s),l=(t,e,n,i,o,r,s)=>c(e&i|n&~i,t,e,o,r,s),u=(t,e,n,i,o,r,s)=>c(e^n^i,t,e,o,r,s),h=(t,e,n,i,o,r,s)=>c(n^(e|~i),t,e,o,r,s),g=(t,e)=>{const n=(65535&t)+(65535&e);return(t>>16)+(e>>16)+(n>>16)<<16|65535&n},E=(t,e)=>t<<e|t>>>32-e;class d{getDocument(){try{return window.document}catch(t){return null}}getParentDocument(){try{return window.parent.document}catch(t){return null}}getCreativeId(){const t=this.getCreative();return t?t.getAttribute("data-creative-id"):null}getCreative(){const t=this.getDocument();return t?t.querySelector("cognitiv"):null}getFingerprint(){const t=this.getDocument();if(t){const n=t.createElement("canvas");if(n){const t=n.getContext("2d");if(t){const c="creativeCanvas_String,com <canvas> 1.0!";t.textBaseline="top",t.font="14px 'Arial'",t.textBaseline="alphabetic",t.fillStyle="#f60",t.fillRect(125,1,62,20),t.fillStyle="#069",t.fillText(c,2,15),t.fillStyle="rgba(102, 204, 0, 0.7)",t.fillText(c,4,17);const a=n.toDataURL();return i(r(s(o(e=a),8*e.length))).toLowerCase()}}}var e;return null}}const v=new class extends d{constructor(){super(),this.current=null,this.event_type_id=null,this.debounce=null}batch(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};try{const{pending:n}=window.cognitiv;if(Array.isArray(n)){const i=this.getCreativeComposite();n.push({t:t,v:1,p:{...i,...e}}),this.resetDebounce()}}catch(t){}}action(){try{const{pending:t}=window.cognitiv;Array.isArray(t)&&0!==t.length&&(window.cognitiv.api.post("/common/ce",t),window.cognitiv.pending=[])}catch(t){}}getCreativeComposite(){return{ts:new Date,ci:this.getCreativeId(),f:this.getFingerprint()}}start(t){this.current=Date.now(),this.event_type_id=t}finish(){try{const{pending:t}=window.cognitiv,e=Date.now();if(null!==this.current&&Array.isArray(t)&&this.event_type_id){const n=e-this.current,i=this.getCreativeComposite();t.push({t:this.event_type_id,v:1,p:{...i,ms:n}}),this.current=null,this.event_type_id=null,this.resetDebounce()}}catch(t){}}resetDebounce(){this.debounce&&clearTimeout(this.debounce),this.debounce=setTimeout((()=>{this.action()}),1e3)}};class f extends d{async getMacros(){const t=this.getCreativeSize(),n=this.getPlacementId();v.batch(e.MACRO_PROPERTIES,{s:t,pi:n})}getPlacementId(){const t=this.getCreative();return t?t.getAttribute("data-placement-id"):null}getCreativeSize(){const t=this.getCreative(),e=null==t?void 0:t.firstElementChild;if(t&&e){const t=e.offsetWidth,n=e.offsetHeight;return"".concat(t,"x").concat(n)}return null}}class w extends d{async getProperties(){const{top:t,right:n,bottom:i,left:o}=this.getPlacementCoordinates(),r=this.getReferrer(),s=this.getUserAgent(),c=this.getOrigin(),a=this.getTimeZoneOffset(),{viewport_width:l,viewport_height:u}=this.getViewport();v.batch(e.DOCUMENT_PROPERTIES,{a:s,p:[t,n,i,o],o:c,r:r,to:a,vw:l,vh:u})}async measureVisibility(){const t=this.getDocument(),n=this.getCreative();t&&n&&t.addEventListener("visibilitychange",(()=>{const t=this.getParentDocument();t&&v.batch(e.DOCUMENT_VISIBILITY,{iv:!t.hidden})}))}watchDocumentLeave(){this.getCreative()&&window.addEventListener("unload",(()=>{v.batch(e.DOCUMENT_LEAVE,{iv:!1})}))}getPlacementCoordinates(){const t=window.frameElement;if(t){const e=t.getBoundingClientRect(),n={top:e.top+window.scrollY,left:e.left+window.scrollX},{top:i,left:o}={top:n.top+window.parent.scrollY,left:n.left+window.parent.scrollX};return{top:i,right:o+e.width,bottom:i+e.height,left:o}}return{top:null,right:null,bottom:null,left:null}}getReferrer(){const t=this.getDocument();return(null==t?void 0:t.referrer)||null}getOrigin(){const t=window.location.ancestorOrigins||[];return t[t.length-1]||null}getUserAgent(){return window.navigator.userAgent||null}getTimeZoneOffset(){return(new Date).getTimezoneOffset()}getViewport(){var t,e;const n=this.getParentDocument();return{viewport_width:(null==n||null===(t=n.documentElement)||void 0===t?void 0:t.clientWidth)||null,viewport_height:(null==n||null===(e=n.documentElement)||void 0===e?void 0:e.clientHeight)||null}}}class m extends d{measureHover(){const t=this.getDocument(),n=this.getCreative();n&&t&&(n.addEventListener("mouseenter",(()=>{v.start(e.MOUSE_HOVER)})),n.addEventListener("mouseleave",(()=>{v.finish()})),window.addEventListener("unload",(()=>{v.batch(e.DOCUMENT_LEAVE,{iv:!1})})),t.addEventListener("visibilitychange",(()=>v.finish())))}measureClick(){const t=this.getDocument(),e=this.getCreative(),n=null==e?void 0:e.querySelector("iframe");console.log({document:t,creative:e});const i=this.getParentDocument();if(i){const t=i.querySelectorAll("iframe");let e=null;t.forEach((t=>{var n;null!==(n=t.getAttribute("srcdoc"))&&void 0!==n&&n.includes("cognitiv")&&(e=t)})),console.log({cognitivIframe:e})}t&&e&&n&&n.contentDocument&&(n.onload=()=>{console.log("LOADED")})}}class C extends d{async measureVisibility(){const t=this.getCreative();if(t){new IntersectionObserver(this.onIntersection.bind(this),{root:null,threshold:.5}).observe(t)}}onIntersection(t){t.forEach((t=>{const n=this.getCreative();this.getDocument()&&n&&v.batch(e.CREATIVE_VISIBILITY,{ms:t.time,x:t.intersectionRatio,iv:t.isIntersecting})}))}}class T{constructor(){this.host=process.env.HOST}async post(t,e){const{failed:n,success:i}=window.cognitiv,o="".concat(this.host).concat(t);await fetch(o,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}).then((()=>{Array.isArray(i)&&i.push(...e)})).catch((()=>{Array.isArray(n)&&n.push(...e)}))}}window.cognitiv={configuration:{document_properties:!0,document_visibility:!0,document_leave:!0,macros:!0,creative_visibility:!0,mouse_hover:!0,mouse_click:!0},api:new T,iframes:new Set,pending:[],success:[],failed:[]},window.addEventListener("DOMContentLoaded",(async function(){try{if(window.cognitiv.configuration){const{document_properties:t,document_visibility:e,document_leave:n}=window.cognitiv.configuration,i=new w;try{t&&i.getProperties(),e&&i.measureVisibility(),n&&i.watchDocumentLeave()}catch(t){}}if(window.cognitiv.configuration){const{macros:t}=window.cognitiv.configuration,e=new f;try{t&&e.getMacros()}catch(t){}}if(window.cognitiv.configuration){const{creative_visibility:t}=window.cognitiv.configuration,e=new C;try{t&&e.measureVisibility()}catch(t){}}if(window.cognitiv.configuration){const{mouse_hover:t,mouse_click:e}=window.cognitiv.configuration,n=new m;try{t&&n.measureHover(),e&&n.measureClick()}catch(t){}}}catch(t){}}))}();

</script>
</cognitiv>`;
Landing Page

Open in browser
URL

https://cognitiv.ai/
Query Parameters

None
Network Timeline

Performance Summary

Requests
Domains
266KB
Transfer Size
629KB
Content Size
296.0ms
Dom Content Loaded
131.0ms
First Paint
590.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