{"id":1517,"date":"2023-04-25T13:56:41","date_gmt":"2023-04-25T10:56:41","guid":{"rendered":"https:\/\/blog.mondiad.com\/?p=1517"},"modified":"2026-05-11T15:53:14","modified_gmt":"2026-05-11T12:53:14","slug":"blogger-ad-code-integration","status":"publish","type":"post","link":"https:\/\/mondiad.com\/blog\/blogger-ad-code-integration\/","title":{"rendered":"Mondiad Ad Monetisation Code Setup \u2013 Blogger Tutorial"},"content":{"rendered":"\n

Learn how to integrate your Mondiad ad codes into your Blogger website and start your journey with ad monetisation<\/a>.<\/p>\n\n\n\n

\n\n\n\n\n\n
\n\n\n\n

Preparations<\/h2>\n\n\n\n
    \n
  1. Submitted your website<\/span><\/a><\/li>\n\n\n\n
  2. Created your ad zone(s) & ad display parameters<\/span><\/a><\/li>\n<\/ol>\n\n\n
    \n
    \"Mondiad<\/a>
    Mondiad ad code Blogger setup<\/figcaption><\/figure>\n<\/div>\n\n\n

    After you submit your website, set up your ad zones and ad display parameters, you\u2019ll need to copy and paste the Mondiad-generated ad script to your website.<\/span><\/p>\n\n\n\n

    \n\n\n\n

    Method 1: Update the HTML Code<\/h2>\n\n\n\n

    Insert the Mondiad ad code via editing HTML code in the theme.<\/p>\n\n\n\n

    Sign in to your Blogspot account and head over to your website theme settings, namely the \u201c<\/span>Theme<\/b>\u201d section in the left menu.<\/span><\/p>\n\n\n\n

    Here, head over to your active theme, click on <\/span>CUSTOMIZE <\/b>then click on <\/span>Edit HTML.<\/b><\/p>\n\n\n

    \n
    \"Mondiad<\/a>
    Mondiad ad code Blogger setup<\/figcaption><\/figure>\n<\/div>\n\n\n

    Now, you should see the entire code of your website. <\/span><\/p>\n\n\n\n

    To navigate and find the spot to place your Mondiad ad code easier, use the <\/span>CTRL + F command <\/b>on your keyboard to look for the <head> tag.<\/span><\/p>\n\n\n

    \n
    \"Mondiad<\/a>
    Mondiad ad code Blogger setup<\/figcaption><\/figure>\n<\/div>\n\n\n

    Now insert the ad code from your Mondiad account into the instructed place: <\/span>your website’s Head (anywhere between <\/span><\/i><head> and <\/head><\/mark><\/span> tags);<\/span><\/i><\/p>\n\n\n\n

    When you are done, click <\/span>Save <\/b>Theme\u00a0<\/strong>and<\/span> check out your website.<\/span><\/p>\n\n\n\n

    \n\n\n\n

    Method 2: Upload Code via a Gadget<\/h2>\n\n\n\n

    Insert the Mondiad ad code using a HTML\/JavaScript gadget.<\/p>\n\n\n\n

    Sign in to your Blogger\/Blogspot account and head over to your website theme settings, namely the \u201c<\/span>Layout\u201d<\/span><\/b>tab in the left menu.\u00a0 Here, you can see the structure of your website.<\/span><\/p>\n\n\n\n

    Now, choose the area you want to place your ads then click on the \u201c<\/span>Add a gadget\u201d <\/b>button in the section of your choice.<\/span><\/p>\n\n\n\n

    From the gadget list, choose <\/span>HTML\/JavaScript<\/b>.<\/span><\/p>\n\n\n

    \n
    \"Mondiad<\/a>
    Mondiad ad code Blogger setup<\/figcaption><\/figure>\n<\/div>\n\n\n

    Here, insert your Mondiad ad code into the body section and remember to <\/span>leave the title section empty.<\/b><\/p>\n\n\n

    \n
    \"Mondiad<\/a>
    Mondiad ad code Blogger setup<\/figcaption><\/figure>\n<\/div>\n\n\n

    Click the \u201c<\/span>Save<\/b>\u201d<\/span> button and you are done. You can now check your website.<\/span><\/p>\n\n\n\n

    \n\n\n\n

    Disclaimer<\/h2>\n\n\n\n

    \u26a0\ufe0fNotice that for each ad format(classic push, in-page push, native), there are slightly different integration instructions. Make sure you are implementing all the steps, as instructed.<\/span><\/p>\n\n\n\n

    \"Mondiad
    Mondiad ad formats<\/figcaption><\/figure>\n\n\n\n