How to use angulartics2 - 10 common examples

// tslint:disable-next-line:import-blacklist
import { VirtualTimeScheduler } from 'rxjs'
import { WebAppService } from '../client/app/shared/services/web-app.service'

@NgModule({
  imports: [
    HttpClientModule,
    HttpClientTestingModule,
    RouterTestingModule,
    FormsModule,
    ReactiveFormsModule,
    SharedModule,
    BrowserAnimationsModule,
    MarkdownToHtmlModule,
    MaterialModule,
    Angulartics2Module.forRoot([Angulartics2GoogleAnalytics])
  ],
  exports: [
    HttpClientModule,
    HttpClientTestingModule,
    RouterTestingModule,
    FormsModule,
    ReactiveFormsModule,
    SharedModule,
    BrowserAnimationsModule,
    MaterialModule,
    MarkdownToHtmlModule
  ],
  providers: [
    PlatformService,
    TransferState,
    WebAppService,

import {Angulartics2Module} from 'angulartics2';
import {Angulartics2GoogleAnalytics} from 'angulartics2/ga';
import {ServiceWorkerModule} from '@angular/service-worker';
import {environment} from '../environments/environment';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    // Add .withServerTransition() to support Universal rendering.
    // The application ID can be any identifier which is unique on
    // the page.
    BrowserModule.withServerTransition({appId: 'ng-bootstrap-auth-firebaseui-demo-id'}),
    Angulartics2Module.forRoot(),
    MarkdownModule.forRoot({loader: HttpClient}),
    NgbAuthFirebaseUIModule.forRoot({
      apiKey: 'AIzaSyCbLZb4c4g8skCN7li92bG2Wfjw8O4YJoA',
      authDomain: 'ng-bootstrap-auth-firebaseui.firebaseapp.com',
      databaseURL: 'https://ng-bootstrap-auth-firebaseui.firebaseio.com',
      projectId: 'ng-bootstrap-auth-firebaseui',
      storageBucket: 'ng-bootstrap-auth-firebaseui.appspot.com',
      messagingSenderId: '556721943788'
    }),
    TransferHttpCacheModule,
    FormsModule,
    BrowserAnimationsModule,
    HttpClientModule,
    AppRoutingModule,
    AppSharedModule,
    HomeModule,

@NgModule({
  imports: [
    BrowserModule,
    ServiceWorkerModule.register('./ngsw-worker.js', { enabled: environment.production }),
    FormsModule,
    HttpClientModule,
    TranslateModule.forRoot(),
    BrowserAnimationsModule,
    MaterialModule,
    CoreModule,
    SharedModule,
    ShellModule,
    HomeModule,
    AuthModule,
    Angulartics2Module.forRoot(),
    AppRoutingModule // must be imported as the last module as it contains the fallback route
  ],
  declarations: [AppComponent],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

import { environment } from '@env/environment';
import { CoreModule } from '@app/core';
import { SharedModule } from '@app/shared';
import { HomeModule } from './components/home/home.module';
import { ShellModule } from './components/shell/shell.module';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { ProjectDialogComponent } from '@app/components/project-dialog/project-dialog.component';
import { NgxWebstorageModule } from 'ngx-webstorage';

@NgModule({
  imports: [
    BrowserModule.withServerTransition({ appId: 'freelancer-theme' }),
    ServiceWorkerModule.register('./ngsw-worker.js', { enabled: environment.production }),
    NgxWebstorageModule.forRoot(),
    Angulartics2Module.forRoot(),
    TranslateModule.forRoot(),
    SharedModule.forRoot(),
    FormsModule,
    HttpClientModule,
    BrowserAnimationsModule,
    MaterialModule,
    CoreModule,
    ShellModule,
    HomeModule,
    AppRoutingModule // must be imported as the last module as it contains the fallback route.
  ],
  declarations: [AppComponent, ProjectDialogComponent],
  entryComponents: [ProjectDialogComponent],
  providers: [],
  bootstrap: [AppComponent]
})

}

export function createTranslateLoader(http: HttpClient) {
  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    // Add .withServerTransition() to support Universal rendering.
    // The application ID can be any identifier which is unique on
    // the page.
    BrowserModule.withServerTransition({appId: 'ngx-auth-firebaseui'}),
    Angulartics2Module.forRoot(),
    ServiceWorkerModule.register('/ngsw-worker.js', {enabled: environment.production}),
    AngularFireModule.initializeApp(firebaseKey),
    NgxAuthFirebaseUIModule.forRoot(firebaseKey, firebaseAppNameFactory,
      {
        enableFirestoreSync: true,
        toastMessageOnAuthSuccess: true,
        toastMessageOnAuthError: true,
        authGuardFallbackURL: 'examples/logged-out',
        authGuardLoggedInURL: 'examples/logged-in',
      }),
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: (createTranslateLoader),
        deps: [HttpClient]
      }

beforeEach(() => {
        TestBed.configureTestingModule({
            imports: [
                Angulartics2Module.forRoot(),
                HttpModule,
                RouterModule.forRoot([]),
            ],
            declarations: [ AppComponent ],
            providers: [
                Angulartics2,
                Angulartics2GoogleTagManager,
                {provide: APP_BASE_HREF, useValue: '/'},
                {provide: Router, useClass: MockRouter}
          ]
        });
        fixture = TestBed.createComponent(AppComponent);
        component = fixture.componentInstance;
    });

beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [
        AppComponent
      ],
      providers: [
        AppConfigService,
        RouteService,
        { provide: APP_INITIALIZER, useFactory: loadConfigMockService, multi: true },
        WindowRefService,
      ],
      schemas: [CUSTOM_ELEMENTS_SCHEMA],
      imports: [
        RouterTestingModule,
        Angulartics2Module.forRoot()
      ]
  }).compileComponents();
  }));

@NgModule({
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpModule,
    ReactiveFormsModule,
    BrowserAnimationsModule,
    MdSelectModule,
    MdProgressSpinnerModule,
    MdToolbarModule,
    MdTooltipModule,
    MdButtonModule,
    MdSlideToggleModule,
    MdRadioModule,
    Angulartics2Module.forRoot([Angulartics2GoogleAnalytics])
  ],
  declarations: [
    AppComponent,
    LookupToolComponent,
    AboutComponent,
    TwelveHoursPipe,
    TruncatePipe
  ],

  providers: [AceService],
  bootstrap: [AppComponent]
})
export class AppModule { }

registerLocaleData(localeSv, 'sv');
registerLocaleData(localeTh, 'th');
registerLocaleData(localeTr, 'tr');
registerLocaleData(localeUk, 'uk');
registerLocaleData(localeVi, 'vi');
registerLocaleData(localeZhCn, 'zh-CN');
registerLocaleData(localeZhTw, 'zh-TW');

@NgModule({
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        FormsModule,
        AppRoutingModule,
        ServicesModule,
        Angulartics2Module.forRoot([Angulartics2GoogleAnalytics], {
            pageTracking: {
                clearQueryParams: true,
            },
        }),
        ToasterModule.forRoot(),
        InfiniteScrollModule,
        DragDropModule,
    ],
    declarations: [
        A11yTitleDirective,
        ActionButtonsComponent,
        AddEditComponent,
        ApiActionDirective,
        AppComponent,
        AttachmentsComponent,
        AutofocusDirective,

import {ShoppingCartModule} from './modules/shopping-cart/shopping-cart.module';
import {TsmModule} from './modules/tsm/tsm.module';
import {BackgroundDownloadService} from './services/background-download.service';
import {ReportService} from './services/report/report.service';


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    HttpClientJsonpModule,
    Angulartics2Module.forRoot(),
    ServiceWorkerModule.register('ngsw-worker.js', {enabled: environment.production}),
    BrowserAnimationsModule,
    PlatformModule,
    CoreModule,
    SettingsModule,
    TableModule,
    SellersModule,
    MatCardModule,
    AboutModule,
    DashboardModule,
    PetModule,
    CraftingModule,
    AuctionModule,
    ShoppingCartModule,
    TsmModule
  ],