Web Dizajner

Members
  • Content count

    111
  • Joined

  • Last visited

Community Reputation

58 Contributor

About Web Dizajner

  • Rank
    Advanced Member

Contact Methods

Profile Information

  • Gender
    Not Telling

Recent Profile Visitors

2,327 profile views
  1. ClickTag click count doubles only on mobile devices?

    Just export default template and change few things. In HEAD For both AdWords and DoubleClick add ad.size meta tag: <meta name="ad.size" content="width=$WT,height=$HT"> Clear line for default hosted CreateJS library in default template: $CREATEJS_LIBRARY_SCRIPTS and add Google hosted CreateJS and TweenMax (if you need) libraries: <script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.18.0_499ba64a23378545748ff12d372e59e9_min.js"></script> You can add viewport meta tag for better preview on mobile: <meta name="viewport" content="width=device-width, initial-scale=1"> For DoubleClick (Do not use for AdWords !!! , AdWords add own ClickTag on upload) add default ClickTag in head: <script>var clickTag = "https://www.example.com"</script> In BODY For DoubleClick (Do not use for AdWords !!! , AdWords add own click event on upload) add click event on top div (<div id="$ANIM_CONTAINER_ID">): onclick="window.open(window.clickTag) For both AdWords and DoubleClick you can change cursor to point with style on top div (<div id="$ANIM_CONTAINER_ID">): cursor:pointer At the end you can clear all comments in template.
  2. ClickTag click count doubles only on mobile devices?

    AdWords <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>$TITLE</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="ad.size" content="width=$WT,height=$HT"> <script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.18.0_499ba64a23378545748ff12d372e59e9_min.js"></script> $CENTER_STYLE $ANIMATE_CC_SCRIPTS $SCRIPT_START var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation; function init() { canvas = document.getElementById("$CANVAS_ID"); anim_container = document.getElementById("$ANIM_CONTAINER_ID"); dom_overlay_container = document.getElementById("dom_overlay_container"); $CREATE_LOADER $LOAD_MANIFEST $PRELOAD_ASSETS } $HANDLE_FILE_LOAD_START $HANDLE_FILE_LOAD_BODY $HANDLE_FILE_LOAD_END $HANDLE_COMPLETE_START $CREATE_STAGE $START_ANIMATION $RESP_HIDPI $HANDLE_COMPLETE_END $PLAYSOUND $SCRIPT_END </head> <body onload="init();" style="margin:0px;"> <div id="$ANIM_CONTAINER_ID" style="background-color:$BG; width:$WTpx; height:$HTpx; cursor:pointer;"> <canvas id="$CANVAS_ID" width="$WT" height="$HT" style="position: absolute; display: $CANVAS_DISP; background-color:$BG;"></canvas> <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:$WTpx; height:$HTpx; position: absolute; left: 0px; top: 0px; display: $CANVAS_DISP;"> </div> </div> $PRELOADER_DIV </body> </html>
  3. ClickTag click count doubles only on mobile devices?

    Don't use outdated templates Use this template for DoubleClick <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>$TITLE</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="ad.size" content="width=$WT,height=$HT"> <script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.18.0_499ba64a23378545748ff12d372e59e9_min.js"></script> <script>var clickTag = "https://www.example.com"</script> $CENTER_STYLE $ANIMATE_CC_SCRIPTS $SCRIPT_START var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation; function init() { canvas = document.getElementById("$CANVAS_ID"); anim_container = document.getElementById("$ANIM_CONTAINER_ID"); dom_overlay_container = document.getElementById("dom_overlay_container"); $CREATE_LOADER $LOAD_MANIFEST $PRELOAD_ASSETS } $HANDLE_FILE_LOAD_START $HANDLE_FILE_LOAD_BODY $HANDLE_FILE_LOAD_END $HANDLE_COMPLETE_START $CREATE_STAGE $START_ANIMATION $RESP_HIDPI $HANDLE_COMPLETE_END $PLAYSOUND $SCRIPT_END </head> <body onload="init();" style="margin:0px;"> <div id="$ANIM_CONTAINER_ID" onclick="window.open(window.clickTag)" style="background-color:$BG; width:$WTpx; height:$HTpx; cursor:pointer;"> <canvas id="$CANVAS_ID" width="$WT" height="$HT" style="position: absolute; display: $CANVAS_DISP; background-color:$BG;"></canvas> <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:$WTpx; height:$HTpx; position: absolute; left: 0px; top: 0px; display: $CANVAS_DISP;"> </div> </div> $PRELOADER_DIV </body> </html>
  4. Google will no longer support HTML5 ads with clickability!

    Google-hosted Greensock (files should work regardless of version)
  5. Google will no longer support HTML5 ads with clickability!

    Yes, ExitApi is removed for non-GWD tools. Dont worry for GSAP and CreateJS, there are no change.
  6. Google doesn't allow longer than 30 seconds?

    L E A N (Light, Encrypted, Ad choice supported, Non-invasive ads) No LEAN = Rise of ad blockers = Web without banners
  7. IAB New Standard

    For flexible scalable GSAP banners can work this code: <script> function makeResponsive(isResp, respDim, isScale, scaleType) { var lastW, lastH, lastS=1; window.addEventListener('resize', resizeStage); resizeStage(); function resizeStage() { // custom maximum dimensions var w = 450, h = 450; var iw = window.innerWidth, ih=window.innerHeight; var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1; if(isResp) { if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) { sRatio = lastS; } else if(!isScale) { if(iw<w || ih<h) sRatio = Math.min(xRatio, yRatio); } else if(scaleType==1) { sRatio = Math.min(xRatio, yRatio); } else if(scaleType==2) { sRatio = Math.max(xRatio, yRatio); } } // custom wrapper div e.g. stage stage.style.transformOrigin = '0 0'; stage.style.transform = 'scale(' + (pRatio*sRatio) + ',' + (pRatio*sRatio) + ')'; } } makeResponsive(true,'both',false,2); </script>
  8. GSAP TextPlugin for Animate cc 2017

    Maybe you can used it through actions panel on <div id='dom_overlay_container'></div> Just paste this code in actions panel: var div = document.getElementById('dom_overlay_container'); div.innerHTML += 'My Animated Text';
  9. IAB New Standard

    What is the best solution for flexible scalable GSAP banners?
  10. IAB New Standard

    As far as I understand... ... on example 1:1 vertical portrait in Edge Animate: Size: 300x300 Min-width: 300 Max-width: 450 Responsive Scaling: Width Images: HD retina support (all images are in double size) - enough for normal quality for 450x450 or Size: 450x450 Min-width: 300 Max-width: 450 Responsive Scaling: Width Images: HD retina support (all images are in double size) - enough for best quality for 450x450 1:1 vertical portait will be scalable from min 300x300 to max 450x450 depend of available space for banner on site.
  11. IAB New Standard

    IAB NEW STANDARD AD UNIT PORTFOLIO. No more Pop Up Ads, Floating Ads, Auto Expand Ads, Hover Expand Ads, Rich Media ads... No more standard sizes like 300x250, 300x600, 160x600, 120x600, 970x250, 728x90... Suggested 15 sec without loop, 10 file request, 50 kb zipped library...
  12. Saola Animate

    Has Anyone tried Saola Animate - Vietnamese reincarnation of Edge Animate? I found this application today, I have downloaded and installed trial and I am trying this product now. It seems to me very familiar with Edge Animate.
  13. Banner Production

    I need clone of Edge Animate with TweenMax library
  14. Weborama HPTO Templates

    <!DOCTYPE html> <html> <head> <!-- WEBORAMA SCREENAD META DATA (don't edit/remove) --> <!-- SCRVERSION: screenad_interface_1.0.3 --> <!-- SCRFORMAT: layer --> <!-- SCRWIDTH: 300 --> <!-- SCRHEIGHT: 600 --> <!-- TEMPLATENAME: Persgroep Parool VK HPTO --> <!-- TEMPLATEDATE: 2016-11-03 --> <script type="text/javascript" src="https://media.adrcdn.com/scripts/screenad_interface_1.0.3_scrambled.js"></script> <script src="https://media.adrcdn.com/scripts/jquery.min.js"></script> <script src="https://media.adrcdn.com/scripts/external/tweenlite/1.19.0/TweenMax.min.js"></script> <script type="text/javascript"> // <-- Do not edit this. --> // var element = 'halfpage'; </script> <script type="text/javascript" src="template.js"></script> <script type="text/javascript"> // <-- Edit the functions below. --> // // This function is called when this element is done loading. function onReady() { // Do things. } // This function is called when all elements are ready. function onSync() { // Start your synced content. } </script> <style type="text/css"> body { margin: 0px; padding: 0px; overflow: hidden; } .full { width: 300px; height: 600px; position: absolute; left: 0px; top: 0px; } </style> </head> <body> <div id="content" class="full"> <div id="background" class="full" style="background: #EBEBEB;"></div> </div> <div id="weborama_click" class="full" style="cursor: pointer;" onclick="screenad.click();"></div> </body> </html>
  15. Weborama HPTO Templates

    Use their hosted libraries https://support.weborama.nl/hc/en-us/articles/210438526-CDN-hosted-Libraries