ngx-seo-routes v1.0.0

NgxSeoRoutes

This library is a service to set seo tags from route's data

Use defaults option: Enables to use the default seo tags to be set, when current not available. This is true by default.

Usage:

• Import the module:

import {NgxSeoRoutesService, SeoData} from "ngx-seo-routes";

• Default Seo Data must be set to work.
• Prefered to inject into app.component's constructor and set the default seo data

constructor(private seoService: NgxSeoRoutesService) {
  const seo : SeoData = {
    page_title: "Example title",
    og_title: "Example OG",
    twitter_title: "Example twitter title",
    pageDescription: "Example page description"
  }
  this.seoService.setDefaultSeoData(seo)
}

• Custom content can be set from any components:

this.seoService.setSeoForCurrentPage(seo, {useDefault: true})

• Or seo can be set from routes:

const routes: Routes = [
{
    path: "login",
    data: {seo: {data: {
        page_title: "LOGIN",
        og_title: "LOGIN OG",
        twitter_title: "LOGIN TWITTER"
        }, options: {useDefault: true}}},
    component: LoginComponent
}
/** 
 * seoData.data = type SeoData
 * seoData.options?: {useDefault: boolean}
**/

• SeoData model:

export type SeoData = {

  page_title?: string,
  page_description?: string,
  keywords?: string,

  og_title?: string,
  og_description?: string,
  og_image?: string,
  og_locale?: string,
  og_site_name?: string,
  og_url?: string,

  twitter_card?: string,
  twitter_title?: string,
  twitter_description?: string,
  twitter_image?: string,
  twitter_site?: string,
}