Upload the ZIP file to our Studio and define banner settings (category, type, dimensions, clickTAG). Testing GoogleWebDesigner banner in Adform StudioĮxport the banner using these example settings: Click "Save" and banner is almost ready to run on Adform! It is missing Adform-specific file - manifest.json, where banner's details are stored. Puppeteer Puppeteer is a Node library which provides a high-level API to control headless Chrome or Chromium over the DevTools Protocol. Workbox Production-ready service worker libraries and tooling.
When creating your artwork, ensure it conforms to the following: Final size: 512px x 512px. Documentation Tools & Libraries Chrome DevTools Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. When placing your artwork, use keylines as a guideline, not a hard rule. Window.open(clickTAGvalue, landingpagetarget) ħ. Icon artwork can populate the entire asset space, or you can design and position artwork elements such as logos onto the keyline grid. Landingpagetarget = dhtml.getVar('landingPageTarget', '_blank') “clickTag” and add this code snippet: clickTAGvalue = dhtml.getVar('clickTAG', '') Note: this describes the usage of external non Adform related systems and please check respective documentation for most up to date information.Īdding the clickTAG via Google Web Designer toolġ. Open Code view, insert DHTML library to head section: Ģ. Create tap area from Google Web Designer components:ģ. Click right mouse button and select "Add event."Ĥ. Select "Tap Area" and then "Touch/Click":Ħ. Define function name,e.g. Please make sure to test your banner if this Global ClickTAG solution is working properly, especially on Mobile devices. Data Studio’s built-in and partner connectors makes it possible to connect to virtually any kind of data.