Jump to content

Bradley Lancaster

  • Posts

  • Joined

  • Last visited

Everything posted by Bradley Lancaster

  1. @GreenSockNo SVG Omg is a great tool that was a tip on easier to read smaller svg's. I was pointing out that these types of errors happen as part of my workflow. Editing SVG's updating text copying svgs from banner to banner as svg code can be so long and you work to tight deadlines these errors can happen. When I get the malformed error these are the things to lookout for when you are scanning your code by eye. Sometimes I run the banner through the w3c HTML validator to find these errors quickly. I have never had a banner rejected for using inline SVG only when the SVG has a HTML5 error.
  2. Hey guys, just uploaded some Suncorp Bank work you can view on the link below. https://bradleylancaster.com/portfolio/suncorp-bank-digital-programmatic-advertising-html5/ Cheers, Brad
  3. Hey guys, i have this problem come up from time time. If an SVG has: Double ID's. <path id="house"></path> <path id="house"></path> Double Classes on the same element. <path id="house" class="scale" class="scale"></path> Non closing tags are common on long svgs sometimes. <svg> <g> <path id="house"></path> </svg> <svg> Duplicate Tags are common on long svgs sometimes. <g> <path id="house"></path> </g> </g> It is best to export for screens or use SVG Omg for cleaner lighter SVG's.
  4. Thank you for checking that out for me. Yes i did take out the bubble functions completely the publisher came back with the same thing. I think the tool is possibly testing things incorrectly i will try gain access to the tool and see.
  5. Hi Jack, Thanks for getting back to me on this. I have attached a file here for you to have a look at if you have time. It does use a combination of png's and svg's and some canvas particles. I removed the bubbles for them but they still came back with CPU issues so i don't think it is related to the bubbles. I sent another version removing the will-change property but still they said it's a high CPU load. I use SVG's normally and haven't had this issue before but it is all dependant on the Publisher and how they test things. Cheers, Brad 300x250_parallax.zip
  6. Hey guys, So i have encountered some feedback from a publisher that the HTML5 banners i created were using to much CPU. I don't have a way to check this properly i looked in Chrome Dev tools and can only see GPU there. Activity monitor was only 8% but they were saying it comes in @ 60% which i find hard to believe. I can't upload them here yet as the campaign hasn't launched but i will soon. Do you guys have a set of tools/programs you use specifically for CPU performance. They are using https://advalidation.com we are getting pricing on this but i would prefer a free or cheap method. Cheers, Brad
  7. Awesome work on the animation mate. I noticed it's also fully responsive well done!
  8. @Marlon Using Svg's for custom text, logos, graphics reduces file size and will always look crisp. This allowed you to bump up the quality of raster images. I also use Tinypng plugin for photoshop to reduce any png's and use Photoshop's save for web. Some Ads i have created recently had a specification of under 40kb. These Battery World ads are 100% SVG and came in around 32kb compressed. http://bradleylancaster.com.s3.amazonaws.com/display_ads/BATTERY_WORLD/BW0740_XMAS/4_CLIENT_PREVIEW/preview/index.html
  9. Awesome work @ryanrabon the Tetris game built into the truck is inspiring thanks for sharing!
  10. Here is a collection of campaign work and a UI i built for previewing campaigns that is responsive. http://digital.bradleylancaster.com/index.html
  11. Love your work Joe! Awesome interaction design there and sleek animation styles.
  12. Hey everyone, I noticed that in Display and Video 360, Celtra Miniscrollers , XYZ playground demos, (check links) are all supporting parallax scrolling style banners using their own api, i noticed a big update to the Scrollmagic codebase a few days ago on Github and it's very recent with a lot of bug fixes. I think it would be really cool to start adding these affects to banners using GSAP and Scrollmagic combined. Has anyone had issues using Scrollmagic with publisher issues or in general or could post some examples here? Old prototype on Google. https://www.richmediagallery.com/detailPage?id=8133 Cheers, Brad
  13. Thanks @joe_midi This is true, i found the documentation and you should be using Enabler.exitOverride() or Enabler.exitQueryString().
  14. So i have found a solution with the help of Google and this is possible here is the answer from the Google team to help anyone needed a solution to a similar problem. Hi Bradley, I hope you're well today and you are now connected with Creative Ads Support team. I see that you want to know if it is possible to setup a different landing page URL into your creative then when a user inputs zipcode in the creative then click to exit, it will open the landing page with the inputed zipcode appended to the link. I would like to inform you that it is possible in the Studio for this creative. 1. Basically, you will need to setup the destination Urls into the feed and the feed will be imported to the profile in order to generate a dynamic code. That generated code will be use for you to implement dynamic to your creative. for example, your row one value is below: https://www.testsite.com/testingonly/zipcode= 2. Then in the creative, you will have to create a variable for you to combine or append the zipcode. . var zipcodeUrl = dynamicContent.TestFeed[0].zipUrl.Url + zipcode.txt; 3. Then add an enabler exit method into your click function to pull the destination url with appended zipcode. Enabler.exit("ZipCode Click", zipcodeUrl) Let us say that the user inputed a zipcode 3004 then the output should be like this: https://www.testsite.com/testingonly/zipcode=3004 You can check the article below for more information. Create a feed Append values or parameter to URL I hope this information helps!
  15. Hi everyone. I have a question regarding creating custom Clicktags on banners ads. Sizmek, DoubleClick, Flashtalking. Creating Clicktags that change within the banners is easy enough to do in javascript. The questions is that i know Clicktags are updated in the Ad-sever backend and overide the Clicktag within the banner. We want to pass Get www.clicktageurl.com?customcontent=4001 for example, in our banners based on user input or interactions so that will be passed to the Clicktag. Is there a way to make it that Clicktags are hardcoded in the banner. The media agency can they just leave it blank so it doesn't overide what we do. I don't have Google Campaign Manager or other accounts to test this. Any help will be much appreciated. Thanks. Brad
  16. Here is an example @maxflick injection two images after the page loads using the feed generated by studio after uploading the feed. The click tags and api have been added and notice the folder structure is all in the root folder. Notice in the console you will see Studio SDK load. The images are hosted on S3 buckets you could easily make text editable in the feed as well. Hope this helps :-). 300x600.zip
  17. Awesome work love the smoke effects and flames :-).
  18. Hi Oliver thanks for you reply, i got things working. I set up the content then i share the Ad Id for the media agency. They traffic the ads via Campaign Manager and Adobe Advertising Cloud.
  19. Hey Ohem thanks so much i followed these guides and did some training on Academy for Ads now i can do Dynamic DoubleClick creative :-).
  20. Very interesting approach i think i will need to get onto using Animate CC so i can get some help from the Design Studio at work. Right now i can't keep up with the workload and i am the only HTML5 developer.
  21. Hi Everyone, Thanks so much for your replies and help. I have successfully created dynamic ads using the Studio HTML5 SDK. I follow the build guide @ohem referred to after completing two courses on the Google Academy of Ads. These are the courses you need to do to understand how to get feeds set up in Studio and set up Advertisers and Campaings. DoubleClick Studio Basics DoubleClick Dynamic Creative Basics Emailing Google to Get Studio Access did not work so i had to use the chat for account creation. Dynamic Content is not set up as default i had to contact Google again (via chat) to have them change this setting. There are around 30 steps to set this up the first time after you create your feed you can generate the feed code. Inject the feed data with your own data. I had to swap out low resolution images with high resolution images from an S3 bucket for a job as i was limited to 80kb but the client complained about image quality. We used dynamic ad placement to change the ad slot and now the client is happy. The things we have to do for some clients :-). Cheers, Brad
  22. Hi everyone, Please i need to know if Dynamic (feed driven) Google DoubleClick banners can be hand coded and not created using Google Web Designer. If so does anyone have any base templates to start from. I hand code everything using GSAP and i just want to inject the data using Javascript and not be tied down to Google Web Designer. I am willing to pay for Live Online training for someone who can help me with this or even doing builds in Google Web Designer and adding custom code. Any help would be much appreciated. Thanks Brad