{"id":80972,"date":"2017-06-09T11:17:28","date_gmt":"2017-06-09T15:17:28","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=80972"},"modified":"2017-06-09T11:17:28","modified_gmt":"2017-06-09T15:17:28","slug":"opencart-2-x-add-google-ads","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-2-x-add-google-ads.html","title":{"rendered":"OpenCart 2.x. How to add Google Ads"},"content":{"rendered":"<p>The following tutorial shows how to integrate <strong>Google Adsense<\/strong> into <em>OpenCart<\/em> based website.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/xTspZ7fGRB0\"><\/iframe>\r\n<\/div>\r\n<p><em>OpenCart 2.x<\/em> based templates come with multilingual <em><a href=\"\/help\/opencart-2-x-how-to-manage-html-content-module.html\" target=\"_blank\">HTML Content<\/a><\/em> extension which can be used to display custom <em>markup, scripts<\/em> on specific pages. In this example we are going to place <strong>Google Advertisement<\/strong> on <em>product page<\/em> using the above mentioned module.<\/p>\r\n\r\n<ol>\r\n\t<li><p>Head over to <em><a href=\"https:\/\/www.google.com\/adsense\/\" target=\"_blank\">Google Adsense<\/a><\/em> and set up an account along with necessary options to obtain <strong>ad<\/strong> code snippet&#59;<\/p><\/li>\r\n\t<li><p>Log into your <em>OpenCart<\/em> backoffice, navigate to <strong>Extensions &#62; Extensions<\/strong> and select <strong>Modules<\/strong> under the <em>extension type<\/em> drop-down menu&#59;<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads-1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads-1.jpg\" alt=\"\" width=\"1232\" height=\"691\" class=\"alignnone size-full wp-image-80980\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads-1.jpg 1232w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads-1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads-1-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads-1-768x431.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads-1-1024x574.jpg 1024w\" sizes=\"(max-width: 1232px) 100vw, 1232px\" \/><\/a>\r\n\t\r\n\t<\/li>\r\n\t<li><p>Locate <em>HTML Content<\/em> module and click <em>plus icon<\/em> on the right side to add a new module instance&#59;<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads1-1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads1-1.jpg\" alt=\"\" width=\"994\" height=\"422\" class=\"alignnone size-full wp-image-80981\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads1-1.jpg 994w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads1-1-150x64.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads1-1-300x127.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads1-1-768x326.jpg 768w\" sizes=\"(max-width: 994px) 100vw, 994px\" \/><\/a>\r\n\t\r\n\t<\/li>\r\n\t<li><p>Specify the <em>name<\/em>, custom <em>class<\/em> and <em>heading title<\/em> for the new module instance on the options page. Paste <strong>Google Ad<\/strong> code snippet into the description field using <strong>Code View<\/strong>. Select the <em>status<\/em> for the new module and save changes by clicking the <em>diskette icon<\/em> at top right-hand corner&#59;<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x_how_to_add_google_ads2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x_how_to_add_google_ads2.jpg\" alt=\"\" width=\"1228\" height=\"691\" class=\"alignnone size-full wp-image-80984\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x_how_to_add_google_ads2.jpg 1228w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x_how_to_add_google_ads2-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x_how_to_add_google_ads2-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x_how_to_add_google_ads2-768x432.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x_how_to_add_google_ads2-1024x576.jpg 1024w\" sizes=\"(max-width: 1228px) 100vw, 1228px\" \/><\/a>\r\n\r\n\t<\/li>\r\n\t<li><p>On the list of admin tools on the left, locate <strong>Design<\/strong> tab, and tap <strong>layouts<\/strong> under <em>design<\/em>. Open to edit the <em>layout<\/em> you would like the ad to show up on. It was mentioned at the beginning that we would use product page as an example&#59;<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads3-1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads3-1.jpg\" alt=\"\" width=\"1221\" height=\"692\" class=\"alignnone size-full wp-image-80983\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads3-1.jpg 1221w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads3-1-150x85.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads3-1-300x170.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads3-1-768x435.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads3-1-1024x580.jpg 1024w\" sizes=\"(max-width: 1221px) 100vw, 1221px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t<li><p>Pick the preferred position in the layout options, e.g. <em>Header, Content Top, Column Left, Column Right, Footer<\/em>. Next, click the <em>plus<\/em> icon to select your newly created module among the dropdown list and add it to the layout type&#59;<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads4.jpg\" alt=\"\" width=\"984\" height=\"682\" class=\"alignnone size-full wp-image-80976\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads4.jpg 984w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads4-150x104.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads4-300x208.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads4-768x532.jpg 768w\" sizes=\"(max-width: 984px) 100vw, 984px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t<li><p>Tap <em>Save<\/em> icon at the upper right corner of the screen and then open storefront product page. The <em>ad<\/em> should be showing up now at the designated position&#59;<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads5.jpg\" alt=\"\" width=\"1228\" height=\"693\" class=\"alignnone size-full wp-image-80977\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads5.jpg 1228w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads5-150x85.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads5-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads5-768x433.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/opencart_2.x._how_to_add_google_ads5-1024x578.jpg 1024w\" sizes=\"(max-width: 1228px) 100vw, 1228px\" \/><\/a>\t\r\n\t<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=xTspZ7fGRB0?width=1280&amp;height=720\" rel=\"prettyPhoto\">OpenCart 2.x. How to add Google Ads<\/a>\r\n<p>Browse our new <a href=\"https:\/\/www.templatemonster.com\/opencart-templates.php\" title=\"OpenCart Templates\" target=\"_blank\">OpenCart Templates<\/a> and learn more about their usability.<\/p>","protected":false},"excerpt":{"rendered":"<p>The following tutorial shows how to integrate <strong>Google Adsense<\/strong> into <em>OpenCart<\/em> based website.<\/p>\n","protected":false},"author":111,"featured_media":80985,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1156],"tags":[2370,2141,2596,2595,1157],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80972"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/111"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=80972"}],"version-history":[{"count":6,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80972\/revisions"}],"predecessor-version":[{"id":80989,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80972\/revisions\/80989"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/80985"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=80972"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=80972"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=80972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}