Instagram Not Loading

That can indeed happen, depending on the method you use to insert the Instagram photos in your posts.

When using Jetpack’s Instagram shortcode, Jetpack will insert the image and will also load an additional file straight from Instagram’s website, in order to display the Instagram image and all the additional Instagram features around it.

That should work well. However, when you load more posts without actually reloading the page (like with a plugin like Ajax Load More), that additional file can’t be loaded and the image won’t appear.

Could you try to deactivate Jetpack’s Shortcode Embeds module for a few minutes (you can do so under Jetpack > Settings > Writing in your dashboard), and then create a new post where you will post an Instagram URL on its own line, without using any shortcode, like so:

http://i.wpne.ws/jRUy

When adding an Instagram URL on its own line like this, you don’t need any extra plugin; WordPress itself will take care of transforming the URL into an Instagram embed.

Publish the post, and see if it can be displayed properly. You can then change the post’s published date so it doesn’t appear on the first batch of posts that appear on your site, but only later when using the Ajax Load More plugin.

Let me know if the problem remains then!

• This reply was modified 9 years, 1 month ago by Jeremy Herve.

Excellent, I’m glad to hear it.

You should now be able to enable the Shortcode embeds module again; as long as you use the Instagram URLs on their own line, everything should work.

Try adding the following code snippet to a functionality plugin like this one:

/**
 * Remove Jetpack's Instagram shortcode.
 *
 * @param array $shortcodes Array of shortcodes enabled by Jetpack on the site.
 */
function jeherve_remove_jp_shortcode( $shortcodes ) {
	$jetpack_shortcodes_dir = WP_CONTENT_DIR . '/plugins/jetpack/modules/shortcodes/';

	$shortcodes_to_unload = array( 'instagram.php' );

	foreach ( $shortcodes_to_unload as $shortcode ) {
		if ( $key = array_search( $jetpack_shortcodes_dir . $shortcode, $shortcodes ) ) {
			unset( $shortcodes[ $key ] );
		}
	}

	return $shortcodes;
}
add_filter( 'jetpack_shortcodes_to_include', 'jeherve_remove_jp_shortcode' );

You can then enable the Shortcode Embeds module back.

Let me know how it goes.

It might be good to do both.

Let me know how it goes!