Legacy SDK v3

<script id="_webengage_script_tag" type="text/javascript">
	/**
   * You can define window.webengageWidgetInit to override code
   * that comes by default with the integration code.
   */
	window.webengageWidgetInit = window.webengageWidgetInit || function(){
		webengage.init( {
			licenseCode : '_LICENSE_CODE_'
		}).onReady(function() {
			webengage.render();
		});
	};
	(function(d){
    var _we = d.createElement('script');
    _we.type = 'text/javascript';
    _we.async = true;
    _we.src = (d.location.protocol == 'https:' ? 'https://ssl.widgets.webengage.com' : 'http://cdn.widgets.webengage.com') + "/js/widget/webengage-min-v-3.0.js";
    var _sNode = d.getElementById('_webengage_script_tag');
    _sNode.parentNode.insertBefore(_we, _sNode);
  })(document);
</script>

webengage.init({
	// Specify license code of your domain
	licenseCode : '_LICENSE_CODE_'

	// Delay the API initialization by the time specified here in miliseconds.
	delay : '_TIME_IN_MILI_SEC_'
})

webengage.onReady(function() {

	// This callback function is executed as soon as the API is initialized.
	// This is the default  implementation and it internally invokes rendering
	// of feedback tab, surveys and notification if applicable.
	webengage.render();

});

window.webengageWidgetInit = window.webengageWidgetInit || function(){
	webengage.init( {
		licenseCode : '_LICENSE_CODE_'
	}).onReady(function() {
		var pageUrl = document.location.href;
		//hide widget on Terms and Services page
		if(pageUrl != 'http://www.mywebsite.com/terms'){
		  webengage.render();
		}
	});
};

window.webengageWidgetInit = window.webengageWidgetInit || function(){
	webengage.init( {
		licenseCode : '_LICENSE_CODE_',
		delay : 4000
	}).onReady(function() {
		webengage.render();
	});
};

<script type="text/javascript">// <![CDATA[
	webengage.onReady(function(){
		//call default renderers for survey and notification
		webengage.survey.render();
		webengage.notification.render();

		//render the feedback tab using following colors
		webengage.feedback.render({
			feedbackButtonAlignment:"left",
			feedbackButtonTextColor:"#FFE4B5",
			feedbackButtonBackgroundColor:"#DEB887",
			feedbackButtonBorderColor:"#8B4513"
		});
	});
// ]]>
</script>

<script type="text/javascript">// <![CDATA[
	webengage.onReady(function(){
		//call default renderers for survey and notification
		webengage.survey.render();
		webengage.notification.render();
  $("button#help-support").click(function(){
    //render the feedback tab as well as form
    webengage.feedback.render({
      showFeedbackForm:true //opens the form
    });
		});
	});
// ]]>
</script>

<script type="text/javascript">// <![CDATA[
webengage.onReady(function(){
  //render the feedback (tab), survey (if any) and notification (if any) by default
  webengage.render();

  //Demo 1: bind the click event of sales-related-query button
  $("button#sales-related-query").click(function(){
    //render the feedback tab
    webengage.feedback.render({
      feedbackButtonTextColor:"#FFFFFF",
      feedbackButtonBackgroundColor:"#87CEEB",
      feedbackButtonBorderColor:"#191970",
      defaultFeedbackCategory:"Sales/pricing related query",
      showAllFeedbackCategories:true,
      showFeedbackForm:true //open the tab
    });
  });

  //Demo 2: bind the click event of apply-for-job button
  $("button#apply-for-job").click(function(){
    webengage.feedback.render({
      feedbackButtonTextColor:"#FFE4B5",
      feedbackButtonBackgroundColor:"#DEB887",
      feedbackButtonBorderColor:"#8B4513",
      defaultFeedbackCategory:"Jobs and hiring",
      showAllFeedbackCategories:false, //don't show the category drop-down
      showFeedbackForm:true
    });
  });
});
//]]></script>

<script type="text/javascript">// <![CDATA[
webengage.onReady(function(){
		// call default renderers for survey and notification
		webengage.survey.render();
		webengage.notification.render();

		// pass name and email fields to feedback.
		// The keys used in the data JSON object should match exactly with your feedback field labels
		webengage.feedback.render({
			data: {
				"Name" 	: "<?php echo $userName; ?>",
				"Email" : "<?php echo $userEmail; ?>"
			}
		});
	});
// ]]></script>

<script type="text/javascript">// <![CDATA[
webengage.onReady(function(){
		//call default renderers for survey and notification
		webengage.survey.render();
		webengage.notification.render();

		//render the feedback tab using following colors
		webengage.feedback.render({
			data: {
				userId: <?php echo $userId; ?>,
				category: "<?php echo $userCategory; ?>"
			}
		});
});
// ]]></script>

<script type="text/javascript">// <![CDATA[
	webengage.onReady(function(){
		//render the feedback (tab) and survey (if any) by default
		webengage.render();

		//Take Survey: bind the click event of a button to trigger a lead generation survey
		document.getElementById("take-survey").onclick = function(){
			//call the survey renderer
			webengage.survey.render({

				//the survey to invoke
				surveyId:"_LEAD_GENERATION_SURVEY_ID_",

				//ignore targeting-rules for the survey
				skipRuleExecution:true,

				//once a visitor has taken a survey or closed it on your site
				//it doesn't appear again for the same visitor.
				//to make this survey appear irrespective, we can override this behavior by setting "true"
				showAllClosedAndTakenSurveys:true,

				//to keep the user experience intact on your site, WebEngage
				//let's you time-delay the survey. this works great in
				//auto mode. however, while using the API, you'd want the survey
				//to immediately pop upon some user action.
				// "delay" is your friend
				delay:0
			});
		};
	});
//]]></script>

<script type="text/javascript">// <![CDATA[
	webengage.onReady(function(){
		webengage.feedback.render();
		webengage.notification.render();

		//pass business data for custom rules set in targeting section
		webengage.survey.render({
			ruleData: {
				"daysAfterSignedIn" : <?php echo $daysAfterUserLoggedIn; ?>,
				"customerType" : "<?php echo $customerGroup; ?>"
			}				
		});
	});
// ]]></script>

<script type="text/javascript">// <![CDATA[
	webengage.onReady(function(){
		webengage.feedback.render();
		webengage.notification.render();

		//pass business data for custom rules set in targeting section
		webengage.survey.render({
			data: {
			'userId' : <?php echo $myUserId; ?>,
			'customerType' : '<?php echo $customerGroup; ?>',
			'searchQuery' : '<?php echo ".$_REQUEST['term']." ?>'
			}				
		});
	});
// ]]></script>

<script type="text/javascript">// <![CDATA[
	webengage.onReady(function(){
		webengage.feedback.render();
		webengage.notification.render();

		//set custom scope for surveys
		webengage.survey.render({
			'scope' : '_USER_SESSION_ID_',
			'scopeType' : 'session'
		});
	});
// ]]></script>

<script type="text/javascript">// <![CDATA[
	webengage.onReady(function(){
		webengage.feedback.render();
		webengage.notification.render();

		var today = new Date();
		//set custom scope for surveys
		webengage.survey.render({
			'scope' : {
				'scope' : (today.getDate()+"-"+today.getMonth()+"-"+today.getYear()),
				'scopeType' : 'session',
				'surveyIds' : ["~29aj48l"]
			}
		});
	});
// ]]></script>

<script type="text/javascript">// <![CDATA[
	webengage.onReady(function(){
		webengage.feedback.render();
		webengage.notification.render();

		//set custom scope for surveys
		webengage.survey.render({
			'scope' : '_USER_EMAIL_',
			'scopeType' : 'global'
		});
	});
// ]]></script>

<script type="text/javascript">// <![CDATA[
webengage.onReady(function(){
  //render the feedback (tab) and notification (if any) by default
  webengage.render();

  //Demo 5: bind the click event of a button to trigger a promotional notification
  document.getElementById("take-lead-notification").onclick = function(){
    //call the notification renderer
    webengage.notification.render({
      //the notification to invoke
      notificationId:"_PROMOTION_NOTIFICATION_ID_",
      //don't worry about targeting-rules for the notification
      //more on what is targeting and why should you use it -
      // http://webengage.com/notification
      skipRuleExecution:true,
      //to keep the user experience intact on your site, WebEngage
      //let's you time-delay the notification. this works great in
      //auto mode. however, while using the API, you'd want the notification
      //to immediately pop upon some user action.
      // "delay" is your friend
      delay:0
    });
  };

  //Demo 6: bind the click event to a button button to pop a system alert notification
  document.getElementById("take-notification").onclick = function(){
    //call the notification renderer
    webengage.notification.render({
      notificationId:"_SYSTEM_ALERT_NOTIFICATION_ID_",
      skipRuleExecution:true,
      delay:0
    });
  };
});
// ]]></script>

<script type="text/javascript">// <![CDATA[
webengage.onReady(function(){
  //render the feedback (tab) and notification (if any) by default
  webengage.feedback.render();
  webengage.survey.render();
		// range (1 - 100) specifies probability of displaying notification
		var percentChances = 50;
  var randomNumber = Math.floor((Math.random()*(100/percentChances)));
  if (randomNumber === 0) {
    webengage.notification.render();
  }
});
// ]]></script>

<script type="text/javascript">// <![CDATA[
	webengage.onReady(function(){
		webengage.feedback.render();
		webengage.survey.render();
		//pass business data for custom rules set in targeting section
		webengage.notification.render({
			data: {
			'userId' : <?php echo $myUserId; ?>,
			'customerType' : '<?php echo $customerGroup; ?>',
			'searchQuery' : '<?php echo ".$_REQUEST['term']." ?>'
			}
		});
	});
// ]]></script>

<script type="text/javascript">// <![CDATA[
	webengage.onReady(function(){
		webengage.feedback.render();
		webengage.survey.render();

		//pass business data for custom rules set in targeting section
		webengage.notification.render({
			ruleData: {
				"itemsInCart" : <?php echo $itemsInCart; ?>,
				"cartAmount" : <?php echo $totalCartValue; ?>
			}
		});
	});
// ]]></script>