Pirsonal Player

HomeKnowledge BaseKnowledge BasePirsonal Player

Adding Pirsonal Player to Your Website with the Pirsonal Widget

0 like /  

The Pirsonal Widget allows you to easily integrate the interactive Pirsonal Player for personalized engagement on any website. This creates a chat-like experience where Pirsonal’s interactive video player follows your visitors as they navigate your site, making it a powerful tool for retargeting and increasing engagement.

What You’ll Need

  1. A Pirsonal account (available on all plans)
  2. The Pirsonal Widget Script (provided by Pirsonal)
  3. Basic understanding of HTML editing

Understanding the Script

The Pirsonal Widget script is a short piece of code that you’ll insert into your website’s HTML. Let’s break down the key elements:

  • videoParam Property: This property defines the URL parameter used to specify the video ID provided by Pirsonal. By default, the script looks for a parameter named “vid” in the URL (e.g., https://mywebsite.com/?vid=video-goes-here). You can customize this parameter by changing the “videoParam” value in the script.
  • widgetPosition Property: This property determines the initial position of the player on your website. You can choose between “left” or “right” to position it on the bottom left or right corner, respectively.

Example of the script

<!– Pirsonal Player Widget –>
<script>
 const PirsonalConfig = {
    widgetPosition: ‘right’,
videoParam: ‘vid’
 }
</script>
<script src=’https://vid.pirsonal.com/scripts/widget_script.min.js’></script>
<!– End Pirsonal Player Widget –>

Installing the Script

  1. Locate Your Website’s HTML Files: You’ll need access to the HTML files of the website where you want to add Pirsonal Player’s widget. This might involve logging into your website’s content management system (CMS) or using an FTP client.
  2. Identify the Closing Body Tag (</BODY>): Find the closing body tag </BODY> in the main HTML template of your website. This tag usually marks the end of the main content area.
  3. Paste the Script Before the Closing Body Tag: Paste the Pirsonal Widget script just before the closing body tag </BODY>.
  4. Customize the Script (Optional): If you want to use a different parameter for the video ID or change the initial player position, update the corresponding values in the script (e.g., videoParam and widgetPosition).
  5. Save and Upload the Changes: Save the HTML file and upload it back to your website or publish the changes through your CMS.

That’s it!

Once you’ve completed these steps, the Pirsonal Player should be integrated into your website. Visitors will see the player appear on the bottom left or right corner, following them as they browse your site. Don’t forget to test the functionality and ensure the video ID is passed correctly through the URL parameter.

If you have any questions or need further assistance, please contact our support team.

Related Articles