{"id":126,"date":"2015-08-29T22:03:32","date_gmt":"2015-08-29T22:03:32","guid":{"rendered":"http:\/\/192.168.33.10\/demo\/?page_id=126"},"modified":"2015-08-31T16:32:02","modified_gmt":"2015-08-31T16:32:02","slug":"html5-ads","status":"publish","type":"page","link":"https:\/\/www.adplugg.com\/demo\/html5-ads\/","title":{"rendered":"HTML5 Ads"},"content":{"rendered":"<div class=\"floating-ads-div\">\n<div class=\"adplugg-tag\" data-adplugg-zone=\"right_sidebar\"><\/div>\n<\/div>\n<p>HTML5 Ads are quickly becoming the future of rich media advertising.  Their open source and flexible nature, along with nearly ubiquitus device and browser support, makes them a great option for high end ads.<\/p>\n<h2>Structure<\/h2>\n<p> HTML5 Ads are basically micro websites &#8211; you can do nearly anything with an HTML5 ad that you can do with your website.  Similar to most websites, the basis of an HTML5 ad is its index.html page.  HTML5 ads regularly include a number of components and these components can be included in the main index.html file or in separate files.  Here are some of the components that are regularly used:<\/p>\n<ul>\n<li>CSS (Cascading Style Sheets) &#8211; These give you an organized and flexible way to style your ads. The latest CSS (CSS3) allows for advanced styling including transition effects and animations.<\/li>\n<li>JavaScript &#8211; Javascript can allow you to animate and add additional functiontionality to your ads.<\/li>\n<li>HTML5 Canvas &#8211; The ad featured in this demo uses the HTML5 Canvas.  The HTML5 Canvas is a drawing surface where you can draw and animate complex graphics.<\/li>\n<li>SVG &#8211; SVG (Scalable Vector Graphics) allows you to include high quality graphics within the ad that scale crisply for any size screen.<\/li>\n<li>Images &#8211; In addition to SVG, you can include traditional images in your ad such as .png, .gif, and .jpg files.<\/li>\n<\/ul>\n<h2>Browser Support<\/h2>\n<p>Whereas alternative rich media formats such as Flash may not work on some (especially mobile) browsers, HTML5 ads can be made to work with any browser.<\/p>\n<h2>Clickable<\/h2>\n<p>Clickable regions can be set as needed.  Using industry standard &#8220;clickTags&#8221;, you can have your clicks tracked by AdPlugg Analytics.<\/p>\n<h2>AdPlugg HTML5 Ad Serving and Ad Management<\/h2>\n<p>AdPlugg brings modern ad serving and ad management to modern ad formats such as HTML5 ads.  Sign up today and put AdPlugg to work for you.<\/p>\n<div class=\"row\" style=\"margin-top: 3em;\">\n<div class=\"large-4 large-centered columns\">\n        <a class=\"large button radius expand bright\" href=\"\/apusers\/signup\">Sign Up Free!<\/a>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>HTML5 Ads are quickly becoming the future of rich media advertising. Their open source and flexible nature, along with nearly ubiquitus device and browser support, makes them a great option for high end ads. Structure HTML5 Ads are basically micro websites &#8211; you can do nearly anything with an HTML5 ad that you can do [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width-page.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-126","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML5 Ads - AdPlugg Demo<\/title>\n<meta name=\"description\" content=\"HTML5 ads offer a next generation way to bring messages to your target market.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.adplugg.com\/demo\/html5-ads\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5 Ads - AdPlugg Demo\" \/>\n<meta property=\"og:description\" content=\"HTML5 ads offer a next generation way to bring messages to your target market.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.adplugg.com\/demo\/html5-ads\/\" \/>\n<meta property=\"og:site_name\" content=\"AdPlugg Demo\" \/>\n<meta property=\"article:modified_time\" content=\"2015-08-31T16:32:02+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.adplugg.com\/demo\/html5-ads\/\",\"url\":\"https:\/\/www.adplugg.com\/demo\/html5-ads\/\",\"name\":\"HTML5 Ads - AdPlugg Demo\",\"isPartOf\":{\"@id\":\"https:\/\/www.adplugg.com\/demo\/#website\"},\"datePublished\":\"2015-08-29T22:03:32+00:00\",\"dateModified\":\"2015-08-31T16:32:02+00:00\",\"description\":\"HTML5 ads offer a next generation way to bring messages to your target market.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.adplugg.com\/demo\/html5-ads\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.adplugg.com\/demo\/html5-ads\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.adplugg.com\/demo\/html5-ads\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.adplugg.com\/demo\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5 Ads\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.adplugg.com\/demo\/#website\",\"url\":\"https:\/\/www.adplugg.com\/demo\/\",\"name\":\"AdPlugg Demo\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.adplugg.com\/demo\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML5 Ads - AdPlugg Demo","description":"HTML5 ads offer a next generation way to bring messages to your target market.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.adplugg.com\/demo\/html5-ads\/","og_locale":"en_US","og_type":"article","og_title":"HTML5 Ads - AdPlugg Demo","og_description":"HTML5 ads offer a next generation way to bring messages to your target market.","og_url":"https:\/\/www.adplugg.com\/demo\/html5-ads\/","og_site_name":"AdPlugg Demo","article_modified_time":"2015-08-31T16:32:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.adplugg.com\/demo\/html5-ads\/","url":"https:\/\/www.adplugg.com\/demo\/html5-ads\/","name":"HTML5 Ads - AdPlugg Demo","isPartOf":{"@id":"https:\/\/www.adplugg.com\/demo\/#website"},"datePublished":"2015-08-29T22:03:32+00:00","dateModified":"2015-08-31T16:32:02+00:00","description":"HTML5 ads offer a next generation way to bring messages to your target market.","breadcrumb":{"@id":"https:\/\/www.adplugg.com\/demo\/html5-ads\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.adplugg.com\/demo\/html5-ads\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.adplugg.com\/demo\/html5-ads\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.adplugg.com\/demo\/"},{"@type":"ListItem","position":2,"name":"HTML5 Ads"}]},{"@type":"WebSite","@id":"https:\/\/www.adplugg.com\/demo\/#website","url":"https:\/\/www.adplugg.com\/demo\/","name":"AdPlugg Demo","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.adplugg.com\/demo\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.adplugg.com\/demo\/wp-json\/wp\/v2\/pages\/126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.adplugg.com\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.adplugg.com\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.adplugg.com\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.adplugg.com\/demo\/wp-json\/wp\/v2\/comments?post=126"}],"version-history":[{"count":8,"href":"https:\/\/www.adplugg.com\/demo\/wp-json\/wp\/v2\/pages\/126\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/www.adplugg.com\/demo\/wp-json\/wp\/v2\/pages\/126\/revisions\/145"}],"wp:attachment":[{"href":"https:\/\/www.adplugg.com\/demo\/wp-json\/wp\/v2\/media?parent=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}