Search Date Picker - Fast and simple collection of search-specific browser events
Search Date Picker is awesome tool!
Getting started
Demo
https://search-data-picker-demo.herokuapp.com
Install
npm install
Run Demo
npm start
Build with webpack
npm run build
Example Configuration
Configuratio in index.html
<script src="https://unpkg.com/search-data-picker@0.1.0/build/main.bundle.js" type="text/javascript"></script>
<script>
const configFile = {
"sessionConfigurations": {
"storage": "cookie",
"expiration": 43200
},
'documents': [{
'selector': 'body > div > section.products > div > div',
'elements': {
'selectors': [
{
"key": "title",
"selectors": ".info > h3"
}
],
'attributes': []
}
}]
};
const url = 'https://unpkg.com/search-data-picker@0.1.0/configuration/example-configuration.json';
picker.initPicker.fromConfigFile(configFile) or picker.initPicker.fromUrl(url);
</script>
Configuration from npm package
import SearchDataPicker from "search-data-picker/src";
const configFile = {
"sessionConfigurations": {
"storage": "cookie",
"expiration": 43200
},
'documents': [{
'selector': 'body > div > section.products > div > div',
'elements': {
'selectors': [
{
"key": "title",
"selectors": ".info > h3"
}
],
'attributes': []
}
}]
};
const url = "https://unpkg.com/search-data-picker@0.1.0/configuration/example-configuration.json";
SearchDataPicker.initPicker.fromConfigFile(configFile) or SearchDataPicker.initPicker.fromUrl(url);