ensure SPM is loaded before the sections are called.

sailthru · Nov 30, 2017 · f64a09f · f64a09f
1 parent 69ed910
commit f64a09f
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/classes/class-sailthru-horizon.php b/classes/class-sailthru-horizon.php
@@ -288,7 +288,11 @@ public function register_plugin_scripts() {
 						),
 					);
 
+
 					if ( 'personalize_js_custom' === $options['sailthru_js_type'] ) {
+
+						$params['isCustom'] = true;
+
 						// override defaults
 						if ( 'false' === $options['sailthru_js_auto_track_pageview'] ) {
 							$params['options']['autoTrackPageview'] = (bool) false;
@@ -305,7 +309,7 @@ public function register_plugin_scripts() {
 
 					if ( ! is_404() && ! is_preview() && apply_filters( 'sailthru_add_spm_js', true ) ) {
 						wp_enqueue_script( 'personalize_js', '//ak.sail-horizon.com/spm/spm.v1.min.js' );
-						wp_register_script( 'tag', plugin_dir_url( __DIR__ ) . 'js/tag.js' );
+						wp_register_script( 'tag', plugin_dir_url( __DIR__ ) . 'js/tag.js', array('jquery') );
 						wp_localize_script( 'tag', 'tag', $params );
 						wp_enqueue_script( 'tag' );
 					}

diff --git a/js/tag.js b/js/tag.js
@@ -1,10 +1,12 @@
 if (tag.isCustom) {
-    Sailthru.init({
-        customerId: tag.options.customerId,
-        isCustom: true,
-        autoTrackPageview: tag.options.autoTrackPageview,
-        useStoredTags: tag.options.useStoredTags,
-        excludeContent: tag.options.excludeContent,
+    jQuery(function($) {
+        Sailthru.init({
+            customerId: tag.options.customerId,
+            isCustom: true,
+            autoTrackPageview: tag.options.autoTrackPageview,
+            useStoredTags: tag.options.useStoredTags,
+            excludeContent: tag.options.excludeContent,
+        });
     });
 } else {
     Sailthru.init({

diff --git a/views/widget.scout.display.php b/views/widget.scout.display.php
@@ -22,9 +22,9 @@
 ?>
 <?php if ( $use_spm ) : ?>
 	<div class="sailthru-spm-widget">
-		 <div id="<?php echo esc_attr( $this->id ); ?>"></div>
+		 <div id="<?php echo esc_attr( $this->id ); ?>-container"></div>
 		  <script type="text/javascript">
-              jQuery(function() {
+              window.addEventListener('load', function() {
                   Sailthru.personalize({
                       sections: [
                           {