How Do I Center an Ad Unit on a Page Using Google Ad Manager HTML Ad Tag Code?
How Do I Center an Ad Unit on a Page Using Google Ad Manager HTML Ad Tag Code?
Note: This article relates to Google Ad Manager HTML ad tag code.
By default, when you add an ad unit to your website, it is left-aligned. To center your ad unit on the page, wrap your ad code in a <div> that uses CSS Flexbox to center its contents.
Step-by-Step Instructions
- Wrap your ad code with the following HTML:
<div style="display:flex;justify-content:center;"> <!-- AD CODE GOES HERE --> </div>
Replace <!-- AD CODE GOES HERE --> with your actual ad code.
Example
Here is an example of how your final code might look:
<div style="display:flex;justify-content:center;">
<div id='div-gpt-ad-1602686592219-0' style='width: 300px; height: 250px;'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1602686592219-0'); });
</script>
</div>
</div>This will ensure your ad unit is centered on the page.
Related Articles
How Do I Create a Full Page Ad Unit in Google Ad Manager and Add It to My SoCast Website?
How Do I Create a Full Page Ad Unit in Google Ad Manager and Add It to My SoCast Website? Step 1: Create a Full Page (Native) Ad Unit in Google Ad Manager Note: The following steps only need to be performed once. Log in to Google Ad Manager. Navigate ...How Do I Add a Google Tag Manager Tracking Pixel to My Website Using SoCast Engage?
Log in to SoCast Engage. Navigate to Website > Website Settings Go to the "General" tab Paste the header Google Tag code in the "Customer Header HTML/Script" field. It should look like this: <!-- Google Tag Manager --> ...How Do I Create Responsive Ad Units for My Website Using Google Ad Manager?
How Do I Create Responsive Ad Units for My Website Using Google Ad Manager? Who Is This For? This article is for users with the following permissions: Manage Website Settings Manage Advertising Settings Access to Google Ad Manager Before You Begin ...How Do I Create an Ad Space in AdNext and Insert the Code into the SoCast Engage Platform?
How Do I Create an Ad Space in AdNext and Insert the Code into the SoCast Engage Platform? Who Is This Article For? All users who previously had an AdNext account through our AMP platform This applies to all SoCast themes All users with access to ...How Do I Embed a Podcast Player or Other External Content Using the Raw HTML Widget in SoCast Engage?
Yes, you can embed a podcast player or other external content in SoCast Engage by using the Raw HTML widget. Here’s how: Log in to SoCast Engage. Navigate to the page or post where you want to add the embed. Add a Raw HTML widget to your page or ...