Android Installation Guide
On Android devices, Google Chrome provides a seamless "One-Tap" installation process. Because the Jiinubi Managed App Engine handles the service worker and manifest automatically, your users will be prompted to install the app as soon as they show interest in your site.
Standard Installation (The Chrome Prompt)
When a user visits your site on Android Chrome, the browser will automatically offer to install the app if they spend more than 30 seconds on the page or interact with your content.
- A small "Add to Home Screen" banner will appear at the bottom of the screen.
- The user taps the banner.
- They click Install in the confirmation popup.
Notice:
If a user clicks the "X" to dismiss this prompt, Chrome will not show it again for several weeks to avoid being intrusive. This is where your custom button becomes essential.
If a user clicks the "X" to dismiss this prompt, Chrome will not show it again for several weeks to avoid being intrusive. This is where your custom button becomes essential.
The "Smart Install" Button (For Dismissed Prompts)
If your user dismissed the browser's automatic prompt, you can provide your own link or button inside your app to trigger the installation manually.
How to Integrate the Trigger
<button id="jiinubi-install-btn" style="display:none;">Install App</button>
<script>
let deferredPrompt;
window.addEventListener('beforeinstallprompt', (e) => {
e.preventDefault();
deferredPrompt = e;
document.getElementById('jiinubi-install-btn').style.display = 'block';
});
document.getElementById('jiinubi-install-btn').addEventListener('click', async () => {
if (deferredPrompt) {
deferredPrompt.prompt();
const { outcome } = await deferredPrompt.userChoice;
deferredPrompt = null;
document.getElementById('jiinubi-install-btn').style.display = 'none';
}
});
</script>
<script>
let deferredPrompt;
window.addEventListener('beforeinstallprompt', (e) => {
e.preventDefault();
deferredPrompt = e;
document.getElementById('jiinubi-install-btn').style.display = 'block';
});
document.getElementById('jiinubi-install-btn').addEventListener('click', async () => {
if (deferredPrompt) {
deferredPrompt.prompt();
const { outcome } = await deferredPrompt.userChoice;
deferredPrompt = null;
document.getElementById('jiinubi-install-btn').style.display = 'none';
}
});
</script>
Tip:
Place this button in your navigation menu or user dashboard. It will only appear if the app isn't already installed.
Place this button in your navigation menu or user dashboard. It will only appear if the app isn't already installed.
Manual Installation via Chrome Menu
If the prompt doesn't appear, users can install it manually:
- Tap the Three Dots (⋮) in Chrome.
- Select "Install app" (or "Add to Home Screen").
- Confirm the installation.
Summary
Summary:
Android users get the best experience through Chrome. By using the Jiinubi App Engine, you ensure easy installation even if the first prompt is ignored.
Android users get the best experience through Chrome. By using the Jiinubi App Engine, you ensure easy installation even if the first prompt is ignored.
