{"id":14043,"date":"2019-09-05T09:42:39","date_gmt":"2019-09-05T09:42:39","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=14043"},"modified":"2020-03-03T06:33:13","modified_gmt":"2020-03-03T06:33:13","slug":"how-to-add-mgid-ads-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-mgid-ads-in-amp\/","title":{"rendered":"How to add MGID Ads in AMP"},"content":{"rendered":"\n<p>MGID has integrated with AMPforWp plugins, allowing you to easily add our widget\u2019s code to a publisher\u2019s AMP page.&nbsp; <\/p>\n\n\n\n<p> In Our Core Plugin, we are providing six slots of Ads.  <\/p>\n\n\n\n<ul><li><strong> <\/strong>You will find the option in the <strong>WordPress Dashboard<\/strong> -&gt; Navigate to <strong>AMP<\/strong> -&gt;<strong> Settings<\/strong> -&gt; <strong>Advertisement<\/strong> -&gt; Enable the &#8220;<strong>Ad#1<\/strong>&#8221; option -&gt; In AD Type select &#8220;<strong>MGID<\/strong>&#8221; option -&gt; Now you need three things \u2013 Data Publisher, Data Widget and Data Container. <\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1020\" height=\"718\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/4-1.png\" alt=\"\" class=\"wp-image-14923\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/4-1.png 1020w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/4-1-300x211.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/4-1-768x541.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/4-1-50x35.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/4-1-60x42.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/4-1-100x70.png 100w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/><\/figure>\n\n\n\n<p><strong>Follow the simple steps to get all this ID\u2019s from MGID Account.<\/strong><\/p>\n\n\n\n<p><strong>Step 1:&nbsp;<\/strong>First of all Signup\/login at <a href=\"https:\/\/dashboard.mgid.com\/publisher\">MGID Account<\/a>.<\/p>\n\n\n\n<p><strong>Step 2:&nbsp;<\/strong>To find your \u201c<strong>Data Publisher, Data Widget and Data Container<\/strong> \u201d go to your MGID Dashboard and on the bottom website click.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"452\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Screenshot-1024x452.png\" alt=\"\" class=\"wp-image-14924\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Screenshot-1024x452.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Screenshot-300x133.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Screenshot-768x339.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Screenshot-50x22.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Screenshot-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Screenshot-100x44.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Screenshot.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p> <strong>Step 3:<\/strong> Next, click here to get the code <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"999\" height=\"465\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Untitled.png\" alt=\"\" class=\"wp-image-14926\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Untitled.png 999w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Untitled-300x140.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Untitled-768x357.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Untitled-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Untitled-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Untitled-100x47.png 100w\" sizes=\"(max-width: 999px) 100vw, 999px\" \/><\/figure>\n\n\n\n<p> <strong>Step 4:<\/strong> You can copy the code from the MGID dashboard Data Publisher, Data Widget and Data Container and paste this in MGID Ads<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"985\" height=\"559\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/213234.png\" alt=\"\" class=\"wp-image-14928\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/213234.png 985w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/213234-300x170.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/213234-768x436.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/213234-50x28.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/213234-60x34.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/213234-100x57.png 100w\" sizes=\"(max-width: 985px) 100vw, 985px\" \/><\/figure>\n\n\n\n<p> <strong>Step 5:<\/strong> Now enter the six slots of Ads Ad Type, Width, Height, Data Publisher, Data Widget and Data Container like below the screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"483\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/09\/15-1-1024x483.png\" alt=\"\" class=\"wp-image-14058\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/09\/15-1-1024x483.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/09\/15-1-300x142.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/09\/15-1-768x362.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/09\/15-1-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/09\/15-1-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/09\/15-1-100x47.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/09\/15-1.png 1333w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul><li><strong>AD Type:<\/strong> Once you select MGID option from Advertisement type below the option will appear like below the screenshot. <\/li><li><strong>Width:<\/strong> In this field enter the width of Ads.<\/li><li><strong>Height:<\/strong> In this field enter the height of Ads.<\/li><li><strong>Data Publisher:<\/strong> In this field, you need to enter the Data Publisher.<\/li><li><strong>Data Widget: <\/strong>In this field, you need to enter the Data Widget ID from MGID Account.<\/li><li><strong>Data Container: <\/strong>In this field, you need to enter the Data Container.<\/li><li>Click on the &#8220;<strong>Save Changes<\/strong>&#8221; button.<\/li><\/ul>\n\n\n\n<p><strong>Step 6: <\/strong>Click on the &#8220;<strong>Publish<\/strong>&#8221; button and the ads will be displayed on your AMP page.<\/p>\n\n\n\n<h4>The Output of MGID Ads in AMP<\/h4>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.mgid.com\/wp-content\/uploads\/2019\/08\/Screen_2_mob-1.jpg\" alt=\"\" class=\"wp-image-3341\"\/><\/figure><\/div>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\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>MGID has integrated with AMPforWp plugins, allowing you to easily add our widget\u2019s code to a publisher\u2019s AMP page.&nbsp; In Our Core Plugin, we are providing six slots of Ads. You will find the option in the WordPress Dashboard -&gt; Navigate to AMP -&gt; Settings -&gt; Advertisement -&gt; Enable the&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[34],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/14043"}],"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\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=14043"}],"version-history":[{"count":27,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/14043\/revisions"}],"predecessor-version":[{"id":16722,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/14043\/revisions\/16722"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=14043"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=14043"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=14043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}