Pal.video | web plugin
Your new in app friend.
Integrate video story within your app.
- Get feedbacks in your app using the power of videos.
- Onboard your users
Installation with node
npm i pal.video
Add pal style file
Open your index.html file and add this style file between <head>
and </head>
like this
<head>
...
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pal.video/build/style.css" type="text/css" />
</head>
Installation using html only
Open your index.html file and add these style and js files between <head>
and </head>
like this :
<head>
...
<script src="https://cdn.jsdelivr.net/npm/pal.video/build/pal.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pal.video/build/style.css" type="text/css" />
</head>
Send an event
Inside the body of your page.
1 - Setup the pal instance
<script type="text/javascript">
var devApiKey = "eyJ...";
var prodApiKey = "eyJ0...";
var pal = pal.Pal.createInstance({
apiKey: prodApiKey
});
</script>
2 - Send the Pal event on every page
<script type="text/javascript">
var pal = pal.Pal.getInstance()
pal.initialize().then(() => {
pal.logCurrentScreenAuto();
});
</script>
If you prefer sending the event with a manual path please use this :
logCurrentScreen('/mypage/'); // don't include your domain name here. Only the path
Documentation
Compile
npm run compile-browser
- bundle js for inline browser (rollup)[https://www.npmjs.com/package/rollup] check examples
- https://github.com/spatialillusions/milsymbol/blob/master/rollup.config.js
- https://github.com/ghosh/Micromodal/blob/master/lib/rollup.config.js
Example run
cd example/webpage
npm install
npm start