Smart banner component
This is how you can embed our settings component into your own website:
-
Include script:
-
Put the following tag in your page:
<adstate-smart-banner></adstate-smart-banner>
Example usage:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Our website</title> </head> <body> <nav> <img src="logo.jpg" alt=""> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> </ul> </nav> <main> <adstate-smart-banner title="Last ned Minnesider appen!" extra-text="Last ned appen for å få tilgang til alle funksjonene." show-close-button="true" link-text="Last ned" description="Få den beste opplevelsen med appen." link="https://minnesider.no/app" rating="4" logo="https://design.adstate.com/assets/minnesider-branding/logo/app-icon.svg" show-only-on="mobile"> </adstate-smart-banner> </main> <footer> <p>Page footer © Copyright 2023</p> </footer> <script src="https://embed.adstate.com/smart-banner-component.js"></script> </body> </html>
You might also need some CSS, if you want the banner to remain at the top of the page.
Wrap the smart banner with a div with id smart-banner-wrapper.
Then add the following CSS:
#smart-banner-wrapper { position: sticky; top: 0; z-index: 1; }