Explore how Blocknative works with this demo Dapp.
Create your API key to connect Assist.js to your Blocknative analytics account.
After creating your API Key, initialize Assist on the first page of your Dapp and add your API key to the configuration settings.
Get the status of your user’s environment when they load your Dapp by using the getstate() function.
The above values represent your current browser state. Try logging in or out of MetaMask to see them change in real time.
Trying to keep track of all these states isn’t trivial, and they change all the time. Save yourself — and your team — hours of headaches and support work and let us cover every edge case for you.
Call up helpful modals to guide your users through browser setup and wallet install with the onboard() function in Assist.JS. Check out the example react app implementation below.
More complex Dapps should consider calling our API through a singleton in your Dapp. The below JS file demonstrates that pattern.
Every Dapp has to overcome the hurdle of explaining to new users how to interact with the blockchain. We handle every step a user needs to take — from installing MetaMask to getting more ETH — to successfully transact with your Dapp. Assist will prevent users from getting stuck by common errors.
Get Wallet Check & Transaction Awareness by wrapping your contract and transactions with assist. See our basic implementation below and explore our github documentation to see all the additional customizations you can make.
It’s easy to get mixed up and connect to the wrong network (or run out of ETH). These notifications will keep your users on-track and ready to transact with your Dapp.
It’s frustrating for new and experienced users alike to keep track of the state of their transaction. Did it complete? Did it stall or fail? We will provide them with real-time feedback on in-flight transactions so they know what's happening without having to leave your Dapp.
Try a transaction to our demo contract that will only use some Gas.
Want to use our notification for more than just transaction messages? Write your own notification messages and choose from 3 style types to create your own with the notify method.
Any experienced developer knows it’s not about what you build but how you can learn from what you built. Assist’s analytics give you visibility into your user’s state and transactions so you can identify areas for improvement.
Want transaction analytics without the UI notifications? You’ll need to wrap your transactions and contract as outlined above and set headlessMode:true in your config.
In order to get the stat “Onboarding Problems” you must call onboard() and set headlessMode:false.