{"_id":"55e7720796131b2f00bf4b7b","version":{"_id":"5429beef1163360800ed31fd","__v":21,"project":"5429beef1163360800ed31fa","createdAt":"2014-09-29T20:19:59.904Z","releaseDate":"2014-09-29T20:19:59.904Z","categories":["5429beef1163360800ed31fe","55e74e1f5d36b32b002563fa","55e7500a73169617001f2e86","55e76b8196131b2f00bf4b72","55e89569cdbb8a350096df9c","55f8935eb089b71700a8364e","55f8a67d3bb4bb0d0022d093","55f9dbefc7ef770d00d9bf6d","5601c21a22ecf60d002b27b3","5601c21ff12aee0d001bb06e","5601c2256c7b610d00280db5","5601c22c22ecf60d002b27b4","5603738d0c78b00d0039af47","5626f70bfcbbc621004ebf52","566f7a1ae144ab0d00e9732f","566f85ca7820960d00c3b93d","56708ce43a32d20d00c45cbf","56708d436995210d003aad8e","5736471abe10a9200030732c","57a82c7aff9bd30e00a6f1c1","591b8500e3992319007190f4"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"__v":8,"category":{"_id":"55e89569cdbb8a350096df9c","__v":14,"project":"5429beef1163360800ed31fa","pages":["55e896ac4535442d00ccacf3","55e8b205f0f1850d00d24a59","55e8b243720fde1700659a0e","55e8b4258c0c601700f978e0","55e8b5537cdf7119002d2e3a","55e8b5737cdf7119002d2e3c","55e8b5863fef5017000dbd9f","55e8b59ef0f1850d00d24a63","563b50349e3f2225009fd296","5640d891d4b2e00d00bb3d48","564cfd4e2248461700bd4021","5660e89689e82f0d008f6832","5668d3428ff3da0d0079092f","56abb944f25f160d00e17f40"],"version":"5429beef1163360800ed31fd","sync":{"url":"","isSync":false},"reference":true,"createdAt":"2015-09-03T18:46:01.692Z","from_sync":false,"order":1,"slug":"sdk-integrations","title":"Integrating for Web"},"user":"55e74aae73169617001f2e78","project":"5429beef1163360800ed31fa","parentDoc":null,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-09-02T22:02:47.652Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":true,"order":7,"body":"## Ad Content Information ##\n\n**Creative Title\n**\n{{ creative_title() }} \n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Name\",\n    \"h-1\": \"Type\",\n    \"h-2\": \"Default\",\n    \"h-3\": \"Description\",\n    \"0-0\": \"class\",\n    \"1-0\": \"style\",\n    \"2-0\": \"a\",\n    \"3-0\": \"h\",\n    \"4-0\": \"h_class\",\n    \"5-0\": \"h_style\",\n    \"0-1\": \"String\",\n    \"1-1\": \"CSS\",\n    \"2-1\": \"Boolean\",\n    \"3-1\": \"String\",\n    \"4-1\": \"String\",\n    \"5-1\": \"CSS\",\n    \"0-2\": \"null\",\n    \"1-2\": \"null\",\n    \"3-2\": \"null\",\n    \"4-2\": \"null\",\n    \"5-2\": \"null\",\n    \"2-2\": \"true\",\n    \"0-3\": \"Class applied to the <a> tag\",\n    \"1-3\": \"CSS styling applied to the <a> tag\",\n    \"2-3\": \"Hyperlinks the element\",\n    \"3-3\": \"Specify the h element of the title\",\n    \"4-3\": \"Class applied to the h element of the title\",\n    \"5-3\": \"Specify the h element of the title\"\n  },\n  \"cols\": 4,\n  \"rows\": 6\n}\n[/block]\nExamples\n\nExample 1 \n\nAdsNative Markup: \n\n{{ creative_title(a=false, h=\"h2\", h_class=\"large_title\", h_style=\"color:#fff;\") }}\n\nRendered HTML tag:\n\n<h2 class=\"large_title\" style=\"color:#fff;\">Native Ad Title</h2>\n\n\nExample 2 \n\nAdsNative Markup: \n\n{{ creative_title(class=\"testclass\", style=\"line-height: 1em;\") }}\n\nRendered HTML tag:\n\n<a href=\"http://ad_link\" target=\"_blank\" class=\"testclass\" style=\"line-height: 1em;\"> Ad Title </a>\n\n**Creative Summary\n**\n\n{{ creative_summary() }}\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Name\",\n    \"h-1\": \"Type\",\n    \"h-2\": \"Default\",\n    \"h-3\": \"Description\",\n    \"0-0\": \"class\",\n    \"0-1\": \"string\",\n    \"0-2\": \"null\",\n    \"0-3\": \"Class applied to the element tag\",\n    \"1-0\": \"style\",\n    \"1-1\": \"CSS\",\n    \"1-2\": \"null\",\n    \"1-3\": \"styling applied to element tag\",\n    \"2-0\": \"tagName\",\n    \"2-1\": \"String\",\n    \"2-2\": \"null\",\n    \"2-3\": \"Specifies the element tag, otherwise it is injected as a raw test\"\n  },\n  \"cols\": 4,\n  \"rows\": 3\n}\n[/block]\n**Creative Media**\n\n{{ creative_media() }}\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Name\",\n    \"h-1\": \"Type\",\n    \"h-2\": \"Default\",\n    \"h-3\": \"Description\",\n    \"0-0\": \"class\",\n    \"0-1\": \"String\",\n    \"0-2\": \"null\",\n    \"0-3\": \"Class applied to the <img> tag\",\n    \"1-0\": \"style\",\n    \"1-1\": \"CSS\",\n    \"1-2\": \"null\",\n    \"1-3\": \"styling applied to the <img> tag\",\n    \"2-0\": \"a\",\n    \"2-1\": \"Boolean\",\n    \"2-2\": \"false\",\n    \"2-3\": \"Hyperlinks the element\",\n    \"3-0\": \"a_class\",\n    \"4-0\": \"a_style\",\n    \"5-0\": \"resize\",\n    \"3-1\": \"String\",\n    \"4-1\": \"CSS null\",\n    \"5-1\": \"boolean\",\n    \"3-2\": \"null\",\n    \"4-2\": \"null\",\n    \"5-2\": \"false\",\n    \"3-3\": \"Class assigned to the hyperlink\",\n    \"4-3\": \"styling applied to the hyperlink\",\n    \"5-3\": \"Will set the image as a background-img of a div and crop it to specified dimentions\"\n  },\n  \"cols\": 4,\n  \"rows\": 6\n}\n[/block]\n## Brand Information ##\n\n**Brand Icon**\n\n{{ brand_icon() }}\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Name\",\n    \"h-1\": \"Type\",\n    \"h-2\": \"Default\",\n    \"h-3\": \"Description\",\n    \"0-0\": \"class\",\n    \"0-1\": \"String\",\n    \"0-2\": \"null\",\n    \"0-3\": \"Class applied to the <img> tag\",\n    \"1-0\": \"style\",\n    \"2-0\": \"a\",\n    \"3-0\": \"a_class\",\n    \"4-0\": \"a_style\",\n    \"5-0\": \"width\",\n    \"6-0\": \"height\",\n    \"1-1\": \"CSS\",\n    \"2-1\": \"Boolean\",\n    \"3-1\": \"String\",\n    \"4-1\": \"CSS\",\n    \"5-1\": \"String\",\n    \"6-1\": \"String\",\n    \"1-2\": \"null\",\n    \"2-2\": \"false\",\n    \"3-2\": \"null\",\n    \"4-2\": \"null\",\n    \"5-2\": \"null\",\n    \"6-2\": \"null\",\n    \"1-3\": \"CSS styling applied to the <img> tag\",\n    \"2-3\": \"Hyperlinks the element\",\n    \"3-3\": \"Class assigned to the hyperlink\",\n    \"4-3\": \"styling applied to the hyperlink\",\n    \"5-3\": \"Specifies the width of the brand image\",\n    \"6-3\": \"Specifies the height of the brand image\"\n  },\n  \"cols\": 4,\n  \"rows\": 7\n}\n[/block]\n**Brand Title**\n\n{{ brand_title() }}\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Name\",\n    \"h-1\": \"Type\",\n    \"h-2\": \"Default\",\n    \"h-3\": \"Description\",\n    \"0-0\": \"class\",\n    \"1-0\": \"style\",\n    \"2-0\": \"tagName\",\n    \"3-0\": \"a\",\n    \"4-0\": \"a_class\",\n    \"5-0\": \"a_style\",\n    \"6-0\": \"prefix\",\n    \"0-1\": \"String\",\n    \"1-1\": \"CSS\",\n    \"2-1\": \"String\",\n    \"3-1\": \"Boolean\",\n    \"4-1\": \"String\",\n    \"5-1\": \"CSS\",\n    \"6-1\": \"Boolean\",\n    \"0-2\": \"null\",\n    \"1-2\": \"null\",\n    \"2-2\": \"null\",\n    \"3-2\": \"false\",\n    \"4-2\": \"null\",\n    \"5-2\": \"null\",\n    \"6-2\": \"true\",\n    \"0-3\": \"Class applied to the element tag\",\n    \"1-3\": \"CSS styling applied to the element tag\",\n    \"2-3\": \"Specifies the element tag, otherwise injected as raw test\",\n    \"3-3\": \"Hyperlinks the element\",\n    \"4-3\": \"Class assigned to the hyperlink\",\n    \"5-3\": \"styling applied to the hyperlink\",\n    \"6-3\": \"Add prefix such as ‘Promoted by’ and then brand name\"\n  },\n  \"cols\": 4,\n  \"rows\": 7\n}\n[/block]\n## Creative \"Custom Data\" Information ##\n\nAny custom data that you add under campaign -> creative settings, you will be able to access this data via custom data markup within your placement HTML\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/c5a267a-Screen_Shot_2017-09-22_at_3.16.22_PM.png\",\n        \"Screen Shot 2017-09-22 at 3.16.22 PM.png\",\n        480,\n        129,\n        \"#1e81c2\"\n      ]\n    }\n  ]\n}\n[/block]\n{{ custom_tag(key=<Custom data key name>) }}\n\nExample from above : {{ custom_tag(key=\"custom_name\") }}","excerpt":"Native markup language helps you to create placements that will trafficking your ad campaigns. You need to include these tags in your HTML markup as given below in the examples. \n\nNote: Tags follow strict syntax. If a space or comma is off, it will throw an error. Additionally, all variable values, except booleans, need to be in quotations.","slug":"native-markup-language","type":"basic","title":"Native Markup Language"}

Native Markup Language

Native markup language helps you to create placements that will trafficking your ad campaigns. You need to include these tags in your HTML markup as given below in the examples. Note: Tags follow strict syntax. If a space or comma is off, it will throw an error. Additionally, all variable values, except booleans, need to be in quotations.

## Ad Content Information ## **Creative Title ** {{ creative_title() }} [block:parameters] { "data": { "h-0": "Name", "h-1": "Type", "h-2": "Default", "h-3": "Description", "0-0": "class", "1-0": "style", "2-0": "a", "3-0": "h", "4-0": "h_class", "5-0": "h_style", "0-1": "String", "1-1": "CSS", "2-1": "Boolean", "3-1": "String", "4-1": "String", "5-1": "CSS", "0-2": "null", "1-2": "null", "3-2": "null", "4-2": "null", "5-2": "null", "2-2": "true", "0-3": "Class applied to the <a> tag", "1-3": "CSS styling applied to the <a> tag", "2-3": "Hyperlinks the element", "3-3": "Specify the h element of the title", "4-3": "Class applied to the h element of the title", "5-3": "Specify the h element of the title" }, "cols": 4, "rows": 6 } [/block] Examples Example 1 AdsNative Markup: {{ creative_title(a=false, h="h2", h_class="large_title", h_style="color:#fff;") }} Rendered HTML tag: <h2 class="large_title" style="color:#fff;">Native Ad Title</h2> Example 2 AdsNative Markup: {{ creative_title(class="testclass", style="line-height: 1em;") }} Rendered HTML tag: <a href="http://ad_link" target="_blank" class="testclass" style="line-height: 1em;"> Ad Title </a> **Creative Summary ** {{ creative_summary() }} [block:parameters] { "data": { "h-0": "Name", "h-1": "Type", "h-2": "Default", "h-3": "Description", "0-0": "class", "0-1": "string", "0-2": "null", "0-3": "Class applied to the element tag", "1-0": "style", "1-1": "CSS", "1-2": "null", "1-3": "styling applied to element tag", "2-0": "tagName", "2-1": "String", "2-2": "null", "2-3": "Specifies the element tag, otherwise it is injected as a raw test" }, "cols": 4, "rows": 3 } [/block] **Creative Media** {{ creative_media() }} [block:parameters] { "data": { "h-0": "Name", "h-1": "Type", "h-2": "Default", "h-3": "Description", "0-0": "class", "0-1": "String", "0-2": "null", "0-3": "Class applied to the <img> tag", "1-0": "style", "1-1": "CSS", "1-2": "null", "1-3": "styling applied to the <img> tag", "2-0": "a", "2-1": "Boolean", "2-2": "false", "2-3": "Hyperlinks the element", "3-0": "a_class", "4-0": "a_style", "5-0": "resize", "3-1": "String", "4-1": "CSS null", "5-1": "boolean", "3-2": "null", "4-2": "null", "5-2": "false", "3-3": "Class assigned to the hyperlink", "4-3": "styling applied to the hyperlink", "5-3": "Will set the image as a background-img of a div and crop it to specified dimentions" }, "cols": 4, "rows": 6 } [/block] ## Brand Information ## **Brand Icon** {{ brand_icon() }} [block:parameters] { "data": { "h-0": "Name", "h-1": "Type", "h-2": "Default", "h-3": "Description", "0-0": "class", "0-1": "String", "0-2": "null", "0-3": "Class applied to the <img> tag", "1-0": "style", "2-0": "a", "3-0": "a_class", "4-0": "a_style", "5-0": "width", "6-0": "height", "1-1": "CSS", "2-1": "Boolean", "3-1": "String", "4-1": "CSS", "5-1": "String", "6-1": "String", "1-2": "null", "2-2": "false", "3-2": "null", "4-2": "null", "5-2": "null", "6-2": "null", "1-3": "CSS styling applied to the <img> tag", "2-3": "Hyperlinks the element", "3-3": "Class assigned to the hyperlink", "4-3": "styling applied to the hyperlink", "5-3": "Specifies the width of the brand image", "6-3": "Specifies the height of the brand image" }, "cols": 4, "rows": 7 } [/block] **Brand Title** {{ brand_title() }} [block:parameters] { "data": { "h-0": "Name", "h-1": "Type", "h-2": "Default", "h-3": "Description", "0-0": "class", "1-0": "style", "2-0": "tagName", "3-0": "a", "4-0": "a_class", "5-0": "a_style", "6-0": "prefix", "0-1": "String", "1-1": "CSS", "2-1": "String", "3-1": "Boolean", "4-1": "String", "5-1": "CSS", "6-1": "Boolean", "0-2": "null", "1-2": "null", "2-2": "null", "3-2": "false", "4-2": "null", "5-2": "null", "6-2": "true", "0-3": "Class applied to the element tag", "1-3": "CSS styling applied to the element tag", "2-3": "Specifies the element tag, otherwise injected as raw test", "3-3": "Hyperlinks the element", "4-3": "Class assigned to the hyperlink", "5-3": "styling applied to the hyperlink", "6-3": "Add prefix such as ‘Promoted by’ and then brand name" }, "cols": 4, "rows": 7 } [/block] ## Creative "Custom Data" Information ## Any custom data that you add under campaign -> creative settings, you will be able to access this data via custom data markup within your placement HTML [block:image] { "images": [ { "image": [ "https://files.readme.io/c5a267a-Screen_Shot_2017-09-22_at_3.16.22_PM.png", "Screen Shot 2017-09-22 at 3.16.22 PM.png", 480, 129, "#1e81c2" ] } ] } [/block] {{ custom_tag(key=<Custom data key name>) }} Example from above : {{ custom_tag(key="custom_name") }}