# Clicky
__homepage__: [clicky.com](https://clicky.com/)
__docs__: [clicky.com/help/](https://clicky.com/help/)
__import__: `import { Angulartics2Clicky } from 'angulartics2';`
## Setup
Add the following clicky code to your *index.html* file, before the closing body tag. Replace *XXXX* with your Clicky Site ID.
```html
```
## Usage
### Import
```ts
// app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule, Routes, RouterOutlet } from '@angular/router';
import { AppComponent } from './app.component';
import { Angulartics2Module } from 'angulartics2';
import { PageComponent } from './page/page.component';
import { HomeComponent } from './home/home.component';
const ROUTES: Routes = [
{ path: '', component: HomeComponent},
{ path: 'page', component: PageComponent}
];
@NgModule({
declarations: [
AppComponent,
PageComponent,
HomeComponent
],
imports: [
BrowserModule,
RouterModule.forRoot(ROUTES),
Angulartics2Module.forRoot()
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
```
### Enable Auto Route Logging
```ts
// app.component.ts
import { Component } from '@angular/core';
import { Angulartics2Clicky } from 'angulartics2-clicky';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
// Enable auto route logging
constructor(angulartics2Clicky: Angulartics2Clicky) {
angulartics2Clicky.startTracking();
}
}
```
### Track Events & Goals
```html
```