{"id":240,"date":"2017-04-12T10:45:06","date_gmt":"2017-04-12T10:45:06","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?p=240"},"modified":"2019-08-02T11:33:56","modified_gmt":"2019-08-02T11:33:56","slug":"how-to-integrate-teads-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-integrate-teads-in-amp\/","title":{"rendered":"How to Integrate Teads in AMP"},"content":{"rendered":"<p>In order to Integrate Teads in AMP version of your website using AMP for WP plugin, first you need to purchase and install <strong><a href=\"https:\/\/ampforwp.com\/advanced-amp-ads\/\">Advanced AMP Ads <\/a><\/strong>plugin.<\/p>\n<p>Here is a tutorial on how to install Advanced AMP Ads &gt; <a href=\"https:\/\/ampforwp.com\/how-to-install-advanced-amp-ads-plugin-extension\/\">Install Advanced AMP Ads<\/a><\/p>\n<p><strong>Step 1:<\/strong> After installing you will find this option in <strong>WordPress Dashboard<\/strong>&nbsp;-&gt;&nbsp;<strong>AMP optin<\/strong> -&gt; Go to <strong>Advanced AMP Ads<\/strong> settings.<\/p>\n<p><strong>Step 2:&nbsp;<\/strong>Here We have 4 Incontent Ad which you want just Enable Incontent Ad option<strong>.<\/strong><\/p>\n<p><strong>Step 3:<\/strong>&nbsp;In&nbsp;<strong>Advertisement Type<\/strong>, you need to Select the <strong>Custom Advertisement<\/strong> Option<strong>&nbsp;<\/strong>from the drop-down menu..<\/p>\n<p><strong>Step 4:&nbsp;<\/strong>In this option, you need to enter Teads Ads code this code is directly added into the body tag.<\/p>\n<p><strong>Step 5:<\/strong>&nbsp;In this option \u201c<strong>Custom Ads incontent Ads Position\u201d&nbsp;<\/strong>Select after how many paragraphs your ads should show.<\/p>\n<p><strong>This is the example of Code<\/strong><\/p>\n<pre><amp-ad width=\"300\" height=\"1\" type=\"teads\" data-pid=\"42266\" layout=\"responsive\">\n<\/amp-ad>\n<\/pre>\n<p>In data-pid, Pid stands for Page ID. You can get Page ID from your Teads Dashboard.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/3-3.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13377\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/3-3.png\" alt=\"\" width=\"1316\" height=\"630\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/3-3.png 1316w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/3-3-300x144.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/3-3-768x368.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/3-3-1024x490.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/3-3-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/3-3-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/3-3-100x48.png 100w\" sizes=\"(max-width: 1316px) 100vw, 1316px\" \/><\/a><\/p>\n<ul id=\"mce_28\" class=\"editor-rich-text__tinymce mce-content-body\" role=\"textbox\" contenteditable=\"true\" spellcheck=\"false\" aria-label=\"Write list\u2026\" aria-autocomplete=\"list\" aria-multiline=\"true\" data-is-placeholder-visible=\"false\">\n<li><strong>Advertisement Code:<\/strong> In this field, you can add your custom Advertisement code for any third-party companies who provide AMP-compatible code or you can also add images.<\/li>\n<li>Click on the \u201c<strong>Save Changes<\/strong>\u201d button.<\/li>\n<\/ul>\n<p><span style=\"color: #23282d; font-size: 1.4em; font-weight: 600;\">Here are the Places where you can Output Teads Code<\/span><\/p>\n<ul>\n<li>Using Advanced AMP Ads, you can place Teads in AMP in 7 different places, since Advanced AMP Ads provides 7 Ad slots excluding Sticky Ad.<\/li>\n<li>You can also use&nbsp;the above code in your AMP posts and AMP pages without the need of any other plugin. But make sure, you place this Ad code in&nbsp;<strong>Custom AMP Editor <\/strong>so that this will be displayed only in AMP.<\/li>\n<li>You can even place the Above Code in Special Widget Slots Created by Our plugin. i.e., <strong>AMP Above Loop<\/strong> &amp; <strong>AMP Below Loop<\/strong>.<\/li>\n<\/ul>\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>In order to Integrate Teads in AMP version of your website using AMP for WP plugin, first you need to purchase and install Advanced AMP Ads plugin. Here is a tutorial on how to install Advanced AMP Ads &gt; Install Advanced AMP Ads Step 1: After installing you will find&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":[],"ht-kb-category":[18],"ht-kb-tag":[17],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/240"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=240"}],"version-history":[{"count":36,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/240\/revisions"}],"predecessor-version":[{"id":13404,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/240\/revisions\/13404"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=240"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=240"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}