DataUnlocker integration with Gatsby-powered websites.
- Injects DataUnlocker's script to all website's pages using the dynamic script injection provided by DataUnlocker.
This means each time your website is built, DataUnlocker's script is injected automatically. You don't need to manually inject DataUnlocker's script, but you still need to create proxy endpoints in DataUnlocker Admin Console.
Add gatsby-plugin-dataunlocker
to your project with:
npm install gatsby-plugin-dataunlocker
Now in your gatsby-config.js
, use the following:
module.exports = {
plugins: [
{
resolve: 'gatsby-plugin-dataunlocker',
options: {
propertyId: '6751714b4c5980736a4b6aaa', // Required. Your DataUnlocker property ID.
scriptVersion: 'latest', // Optional. Use 'latest' or a specific script version like '3.0.3'.
},
},
],
};
- This plugin will patch every single output HTML file of your website. Pathcing will take some time if you have a lot of pages on your website, as plugin processes approximately 6 pages every second.
- In case DataUnlocker's API fails to patch HTML files, it will output errors to the build log, but the build itself won't fail. Check the API availability here.