Installing Mobile Ad Code on WordPress Blogs

Installing Mobile Ad Code on WordPress Blogs

These instructions should work to install the mobile ad code in most WordPress themes. If you have trouble with any of these steps, please contact the BlogHer Publishing Network helpdesk for technical assistance.

To add your mobile ad code to your template:

Step 1: In your Dashboard, go to Plugins - Add New and search for a plugin named Post Layout. Install this plugin.

Step 2: Once the Post Layout plugin is active, go to the Settings section for the plugin and click on "Mobile configuration" to expand the options. Then check the "Enable mobile user agents detection" box.

Step 3: Paste your mobile ad code into the "Single post code blocks - Code to add before the post content" text field AND the "Home, categories, tags, archives code blocks - Code to add before the post content" text field.

It's important to paste the code into both of these fields!

Step 4: Save your changes.

This will enable the mobile ad code on your site, but will NOT enable a mobile theme for your blog. If you don't already have a mobile theme installed for your blog, you can install the mobile theme supplied by the Jetpack plugin. Follow the steps below to set up the Jetpack mobile theme.

Note: We suggest this particular plugin only because we've found it's compatible with a wide variety of WordPress themes. If you already have a different mobile theme plugin in place, you wouldn't need to install Jetpack as long as the mobile ads are appearing with your mobile theme.

To install the Jetpack mobile theme:

Step 1: If you don't already have the Jetpack plugin installed, go to Plugins - Add New in your Dashboard to search for it. Install and activate the plugin.

Step 2: Go to the Jetpack menu at the top of your dashboard and click Jetpack to view all of the options in it. You may need to connect it with your Wordpress.com account to activate it. Follow the directions on the screen to connect it with your Wordpress.com account.

Step 3: Once active, there should be a Mobile theme option in the list of options. Click Activate to set a mobile theme for your site.

Your blog will now display a mobile theme when viewed on a mobile device.

If you want to customize your mobile theme, here are some links that can help you tweak the mobile theme design:

How to edit Jetpack Mobile Theme

Menu