Skip to main content

Wordpress

Percept SDK usage with Wordpress

Initialisation​

Step 1​

Once you log in, please choose the client technology with which your website/app is built. For our demonstration purposes, we are choosing a Web SDK.

Initialisation Step 1

Step 2​

Simply copy the code as instructed on the page. Make sure that you are using your auth token that would have been provided as part of your code and not the illustration auth token.

Initialisation Step 2.1

The code will look like this once you copy it (make sure that the auth_token is the one provided when you logged in).

Initialisation Step 2.2

<script type="module">
  import Percept from "https://unpkg.com/@perceptinsight/percept-js?module";
  Percept.init("your_auth_token");
</script>

Step 3​

Next, open the code snippet in the WordPress admin panel and select Header & Footer. Place the following code:

Initialisation Step 3

Sample code:

<script type="module">        
  //Initialise Percept Insight        
  import Percept from "https://unpkg.com/@perceptinsight/percept-js?module";        
  Percept.init("your_auth_token");    
</script>

Make sure you replace your_auth_token with the token provided when you logged in.

Initialisation Step 2.2

Click on the Save Changes button.

Step 4​

Publish your WordPress blog in a browser.

Step 5​

Once done, check on PerceptInsight if your integration has been successful. The PerceptInsight console will show something like this:

Initialisation Step 5

Step 6​

Once integrated, if you click Get Started, you will notice the Insights Hub starting to show these reports.

Initialisation Step 6

Initialising and Setting Events and Properties​

Events and Properties​

Events and properties are useful to understand the frequency of interactions on your platform and are helpful in creating detailed reports like insights, funnels, flows, etc.

Step 1​

Copy this code:

<script type="module">   
 //Initialise Percept Insight    
 import Percept from "https://unpkg.com/@perceptinsight/percept-js?module";    
 Percept.init("your-auth-token");    //Setting user id    
 // Get the page title using JavaScript
  var screenName = document.title;

  // Track event-name with dynamic screen name
  Percept.capture('Screen View', {'screenName': screenName});
</script>

Remember to change the name of the screen depending on the screen from which you are launching. In this case, it is hardcoded as HomePage.

Make sure to replace your_auth_token with your actual auth token.

Put this code in CodeSnippet > Header section of your WordPress site, like this, and click Save Changes:

Setting Events and Properties Step 1

Step 2​

Publish your WordPress blog.

Step 3​

Check if the screen name is being set up by going to the Events Dashboard.

Setting Events and Properties Step 3.1

Find the Screen View event:

Setting Events and Properties Step 3.2

Expand it to find the Screen View details:

Setting Events and Properties Step 3.3

If you see the details, you have successfully started capturing screen views. 🙂