Pixel does not work when eliminating Render blocking Javascript

Hi,

thanks for reporting this. I kindly ask you if you can make a new try. Could you please replace entire pixel_init() method with the following code?

	public static function pixel_init() {
		// Split in order to make fbq delayable through WP Rocket, if used
		?>
		<!-- Facebook Pixel Code -->
		<script data-wpfc-render=”false”>
			var aepc_pixel = <?php echo wp_json_encode( self::pixel_init_arguments() ) ?>,
				aepc_pixel_args = <?php echo wp_json_encode( self::pixel_advanced_parameters() ) ?>,
				aepc_extend_args = function( args ) {
					if ( typeof args === 'undefined' ) {
						args = {};
					}

					for(var key in aepc_pixel_args)
						args[key] = aepc_pixel_args[key];

					return args;
				};

			// Extend args
			if ( 'yes' === aepc_pixel.enable_advanced_events ) {
				aepc_pixel_args.userAgent = navigator.userAgent;
				aepc_pixel_args.language = navigator.language;

				if ( document.referrer.indexOf( document.domain ) < 0 ) {
					aepc_pixel_args.referrer = document.referrer;
				}
			}
		</script>
		<script>
			<?php if ( PixelCaffeine()->is_debug_mode() ) : ?>
			var fbq_calls = [],
				fbq = function() {
					console.log( 'fbq: ', arguments[0], arguments[1], arguments[2] );
					fbq_calls.push( arguments );
				};
			<?php elseif ( AEPC_Track::can_init_pixel() ) : ?>
			!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
				n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
				n.push=n;n.loaded=!0;n.version='2.0';n.agent='dvpixelcaffeinewordpress';n.queue=[];t=b.createElement(e);t.async=!0;
				t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
				document,'script','https://connect.facebook.net/en_US/fbevents.js');
			<?php endif; ?>

			<?php if ( AEPC_Track::can_init_pixel() ) : ?>
			fbq('init', aepc_pixel.pixel_id, aepc_pixel.user);

			<?php /* Trigger the event when delay is passed and where there are all fbq calls that need to wait */ ?>
			setTimeout( function() {
				fbq('track', "PageView", aepc_pixel_args);
			}, aepc_pixel.fire_delay * 1000 );
			<?php endif; ?>
		</script>
		<?php if ( ! PixelCaffeine()->is_debug_mode() && AEPC_Track::can_init_pixel() ) : ?>
		<noscript><img height="1" width="1" style="display:none"
		               src="https://www.facebook.com/tr?id=<?php echo esc_attr( PixelCaffeine()->get_pixel_id() ) ?>&ev=PageView&noscript=1"
			/></noscript>
		<?php endif; ?>
		<!-- End Facebook Pixel Code -->
		<?php
	}

Essentially, I splitted the script in two parts: the first one is with the only global JS var needed to Pixel Caffeine script; the second one is the pixel loading.

In the first script I added that data-wpfc-render=”false” suggested by the plugin support, in order to avoid to move essential part for Pixel Caffeine, instead leave the ability to move the Facebook Pixel loading, which is the heavy part.

After this try, could you also please try the same thing, but without that data-wpfc-render=”false” ?

Let me know if it works for you.
Thank you.

Thank you for the update! 🙂

One note if you didn’t already do that: I released a new version last week which does not include the data-wpfc-render="false". Please make sure to re-apply the change if you will upgrade the version.