To add the above, add the following code to your page:
​
<div
id="par-counter-widget-full"
data-widget-width="690px" data-widget-height="700px" data-widget-background-color="#fff"></div>
<script>
(function() {
var script = document.createElement('script');
script.src = 'https://anguschampion.github.io/par/widget.js';
script.async = true; // Load asynchronously to avoid blocking the host page
script.onload = function() {
// Initialize the widget once the script is loaded
if (window.ParCounterWidget) {
window.ParCounterWidget.init('par-counter-widget-full');
}
};
document.head.appendChild(script);
})();
</script>
To add the above widget, use the code below.
​
<div id="par-counter-widget-short"
data-widget-width="690px" data-widget-height="500px" data-widget-background-color="#fff"></div>
<script>
(function() {
var script = document.createElement('script');
script.src = 'https://anguschampion.github.io/par/widget-short.js';
script.async = true; // Load asynchronously to avoid blocking the host page
script.onload = function() {
// Initialize the widget once the script is loaded
if (window.ParCounterWidget) {
window.ParCounterWidget.init('par-counter-widget-short');
}
};
document.head.appendChild(script);
})();
</script>
To add the above widget, add the below code to your page.
​
<div
id="par-counter-widget-min-h"
data-widget-width="690px" data-widget-height="150px" data-widget-background-color="#fff"
></div>
<script>
(function() {
var script = document.createElement('script');
script.src = 'https://anguschampion.github.io/par/widget-min-h.js'; script.async = true; // Load asynchronously to avoid blocking the host page
script.onload = function() {
// Initialize the widget once the script is loaded
if (window.ParCounterWidget) {
window.ParCounterWidget.init('par-counter-widget-min-h');
}
};
document.head.appendChild(script);
})();
</script>