⚠️ Important Legal Notice: Making these customizations will render Osano's "No Fines, No Penalties" guarantee null and void.
Hide Manage Preferences Button for US Users
This page demonstrates a standard Osano Cookie Consent configuration, except that users in the United States will not see the "Manage Preferences" button on the consent banner. All other users see the default banner with the manage preferences button visible. This customization uses the Osano JavaScript API to conditionally hide UI elements.
To implement this, add the following script immediately after your Osano.js script tag:
<script>
window.Osano?.cm?.addEventListener('osano-cm-initialized', () => {
if (window.Osano?.cm?.jurisdiction?.startsWith('us-')) {
// Hide the manage preferences button for all US users
const style = document.createElement('style');
style.textContent = `
.osano-cm-button--type_manage {
display: none !important;
}
`;
document.head.appendChild(style);
}
});
</script>
⚠️ Implementation Note: The JavaScript script must be loaded after the Osano script tag to ensure Osano is available when the script runs. This customization only affects US users and leaves all other users with the default banner experience including the manage preferences button.
⚠️ Important: This customization uses CSS to hide the manage preferences button. The
!important declaration ensures the button is hidden even if other CSS rules try to display it.
Testing Your Implementation
To test this functionality:
- US Users: The manage preferences button should be completely hidden from the consent banner
- Non-US Users: The manage preferences button should be visible and functional as usual
- Development: You can temporarily change the jurisdiction check to test different scenarios
💡 Pro Tip: You can combine this approach with other customizations like custom banner text or button styling to create a comprehensive US-specific experience while maintaining the default experience for other jurisdictions.