Nerfing Powerful Megalomaniacs

    TypeScript icon, indicating that this package has built-in type declarations

    2.2.0 • Public • Published

    Cookie Service

    npm version Build Status dependencies Status

    Cookie Service focuses on accessibility and on respecting the GDPR. If you are using Google Analytics, this will suit to your project because this library focus on disable Google Ananlytics when the user decide to do so. This project was generated with Angular CLI version 7.3.8.


    Here is a link to the demo.


    Angular ( the latest version of Angular 7+ ) Bootstrap ( the latest version of Bootsrap 4+ )


    Install cookie-service dependency through npm. npm install cookie-service-banner

    After installing, you need to import the main module: import { CookieServiceModule } from 'cookie-service-banner';

    The full configuration:

    ` import { CookieServiceModule, CookieConfig } from 'cookie-service-banner';

    const testLibConfig: CookieConfig = { header: { title:"Cookie Consent Banner", message: "This website uses cookie to provide your the best experience. ", domain:"localhost", ga_id: "UA-123456-1", color: '#fff', bcolor: '#000' }, acceptButton: { enable: false, accept: "Got it!", color: '#fff', bcolor: '#266433' }, allowButton: { enable: true, allow: "Allow Cookie", color: '#000', bcolor: '#f36e15f5' }, declineButton: { enable: true, deny: "Refuse Cookie", color: '#000', bcolor: '#fff' }, learnMoreLink: { enable: true, learnMore: "learn more", link: "", color: '#3D9BFF' }, review: { enable: true, message: "Review My consentement", color: "", bcolor: "", } }

    @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, NgbModule, CookieServiceModule, CookieServiceModule.forRoot(testLibConfig), AppRoutingModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } `


    Once the steps mentioned above are done, you can use import library selector in your app.component.html.

    ... <router-outlet></router-outlet> <lib-cookie-service (isOpened)="onOpen($event)" ></lib-cookie-service>

    isOpened is function meant to state the openning or the closing of the cookie banner.

    Development server

    Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.


    Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

    Running unit tests

    Run ng test to execute the unit tests via Karma.

    Running end-to-end tests

    Run ng e2e to execute the end-to-end tests via Protractor.

    Further help

    To get more help on the Angular CLI use ng help or use the Angular CLI README.


    Copyright(c) 2019 Lionel Mukuna Ciowela.


    npm i cookie-service-banner

    DownloadsWeekly Downloads






    Unpacked Size

    317 kB

    Total Files


    Last publish


    • liyokuna