{"id":9305,"date":"2019-05-07T09:42:15","date_gmt":"2019-05-07T09:42:15","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=9305"},"modified":"2020-04-21T13:06:38","modified_gmt":"2020-04-21T13:06:38","slug":"how-to-add-outbrain-ad-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-outbrain-ad-in-amp\/","title":{"rendered":"How to add OutBrain Ad in AMP"},"content":{"rendered":"\n<p>Outbrain is one of several companies in the \u201ccontent recommendation\u201d advertising space. They place several stories on the page as links to further reading.<\/p>\n\n\n\n<p><strong>Here are the steps to add OutBrain Ad in AMP :<\/strong><\/p>\n\n\n\n<p><strong><mark style=\"background-color: yellow;\">Step 1:<\/strong> You can download <\/mark><strong><a href=\"https:\/\/wordpress.org\/plugins\/ads-for-wp\/\">ADSforWP<\/a><\/strong> Plugin it&#8217;s a free plugin you can download from WordPress<a href=\"https:\/\/wordpress.org\/plugins\/ads-for-wp\/\">.<\/a><\/p>\n\n\n\n<p><strong><mark style=\"background-color: yellow;\">Step 2:<\/mark><\/strong>  After installing this plugin Ads option will be displayed on the <strong>WordPress dashboard<\/strong>&nbsp;-&gt;<strong>Ads Option<\/strong>&nbsp;-&gt;&nbsp;<strong>create new Ads -&gt;<\/strong> Select the <strong>Custom code<\/strong> Option -&gt; <strong>Custom code<\/strong> -&gt; Paste the following format code<\/p>\n\n\n\n<p><strong>This is example code of the Outbrain Ad:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;amp-embed width=\"100\" height=\"100\"\ntype=\"outbrain\"\nlayout=\"responsive\"\ndata-widgetIds=\"AMP_1,AMP_2\">\n&lt;\/amp-embed><\/code><\/pre>\n\n\n\n<p> For more info of <strong>Outbrain Ad<\/strong> <a href=\"https:\/\/github.com\/ampproject\/amphtml\/blob\/master\/ads\/outbrain.md\">Click Here<\/a>. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"470\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/ads-11-1024x470.png\" alt=\"\" class=\"wp-image-9309\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/ads-11-1024x470.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/ads-11-300x138.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/ads-11-768x352.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/ads-11-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/ads-11-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/ads-11-100x46.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/ads-11.png 1356w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><mark style=\"background-color: yellow;\">Step 3:<\/mark><\/strong> Click on &#8220;Publish&#8221;  button your Auto Ads will be displayed on AMP pages.<\/p>\n\n\n\n<p><p style=\"background-color: #ffdddd; border-left: 2px solid #f44336;padding:10px;\"><strong> Note:<\/strong> Widget Id\/s will be provided to you by your Outbrain Account Manager.<\/p><\/p>\n\n\n\n<h4>The output of  Outbrain Ad in AMP<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"498\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/outbarin-op-1-1024x498.png\" alt=\"\" class=\"wp-image-9329\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/outbarin-op-1-1024x498.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/outbarin-op-1-300x146.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/outbarin-op-1-768x374.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/outbarin-op-1-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/outbarin-op-1-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/outbarin-op-1-100x49.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/outbarin-op-1.png 1352w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\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>Outbrain is one of several companies in the \u201ccontent recommendation\u201d advertising space. They place several stories on the page as links to further reading. Here are the steps to add OutBrain Ad in AMP : Step 1: You can download ADSforWP Plugin it&#8217;s a free plugin you can download from&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[124],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/9305"}],"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=9305"}],"version-history":[{"count":38,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/9305\/revisions"}],"predecessor-version":[{"id":17171,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/9305\/revisions\/17171"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=9305"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=9305"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=9305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}