{"id":315,"date":"2019-06-11T11:52:28","date_gmt":"2019-06-11T11:52:28","guid":{"rendered":"http:\/\/adsforwp.com\/docs\/?post_type=ht_kb&p=315"},"modified":"2019-06-14T09:28:54","modified_gmt":"2019-06-14T09:28:54","slug":"how-to-add-viglink-ad-with-amp-integration","status":"publish","type":"ht_kb","link":"https:\/\/adsforwp.com\/docs\/article\/how-to-add-viglink-ad-with-amp-integration\/","title":{"rendered":"How to add Viglink ad with AMP integration"},"content":{"rendered":"

If you want to add Viglink<\/strong>\u00a0affiliate ad network<\/strong>\u00a0in AMP then follow this two steps<\/strong><\/p>\n

1. Enter HTML in Head:<\/strong>\u00a0Add the below code in the \u201cEnter Html in head\u201d section from Advance settings.<\/p>\n

Here is the code:<\/strong><\/p>\n

<script async custom-element=\u201damp-link-rewriter\u201d src=\u201dhttps:\/\/cdn.ampproject.org\/v0\/amp-link-rewriter-0.1.js\u201d><\/script><\/pre>\n
Go to the\u00a0Amp option panel<\/strong>\u00a0->\u00a0Setting<\/strong>s ->\u00a0Advance settings<\/strong>, there you will find options.<\/p>\n
\"\"<\/p>\n
2.<\/strong> Go to Ads <\/strong>\u00a0-> Add new Ads<\/strong> -> Select Customcode\u00a0 Ad Type -> Add HTML markup<\/p>\n
Custom Code: <\/strong>Add the below code in \u201cCustom code\u201d section from Ads.<\/p>\n
3.\u00a0<\/strong>In this code, you need to enter your API key and you will get this key from\u00a0Here<\/a>.<\/p>\n
Here is the code:<\/strong><\/p>\n
<pre>\r\n<amp-link-rewriter layout=\"nodisplay\">\r\n  <script type=\"application\/json\">\r\n   {\r\n     \"output\": \"https:\/\/redirect.viglink.com?key=${apiKey}&u=${href}&type=ap&loc=SOURCE_URL&ref=DOCUMENT_REFERRER\",\r\n     \"vars\":\r\n     {\r\n      \"apiKey\": \"YOUR_API_KEY_HERE\"\r\n     }\r\n   }\r\n  <\/script>\r\n<\/amp-link-rewriter>  <\/pre><\/pre>\n
\"\"<\/p>\n
That\u2019s it for this tutorial!<\/strong><\/p>\n
We hope we\u2019ve clear your doubts in case If you have any feedback or questions, then please share them in the comments section below.<\/p>\n
Or you Just contact us\u00a0here<\/strong>\u00a0<\/a>and we are always available for you.<\/p>\n","protected":false},"excerpt":{"rendered":"
If you want to add Viglink\u00a0affiliate ad network\u00a0in AMP then follow this two steps 1. Enter HTML in Head:\u00a0Add the below code in the \u201cEnter Html in head\u201d section from Advance settings. Here is the code: <script async custom-element=\u201damp-link-rewriter\u201d src=\u201dhttps:\/\/cdn.ampproject.org\/v0\/amp-link-rewriter-0.1.js\u201d><\/script> Go to the\u00a0Amp option panel\u00a0->\u00a0Settings ->\u00a0Advance settings, there you will…<\/p>\n","protected":false},"author":3,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[18],"ht-kb-tag":[],"class_list":["post-315","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-how-to"],"_links":{"self":[{"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/comments?post=315"}],"version-history":[{"count":14,"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/315\/revisions"}],"predecessor-version":[{"id":350,"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/315\/revisions\/350"}],"wp:attachment":[{"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/media?parent=315"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=315"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/adsforwp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}