{"id":15093309,"url":"https://github.com/valeri879/ngx-angular-meta-service","last_synced_at":"2026-02-04T05:36:57.538Z","repository":{"id":94596352,"uuid":"565857400","full_name":"valeri879/ngx-angular-meta-service","owner":"valeri879","description":"angular meta service for SEO and social networks, like facebook, twitter, linkedin, discord, or more","archived":false,"fork":false,"pushed_at":"2024-06-08T13:17:38.000Z","size":1158,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-17T19:16:03.661Z","etag":null,"topics":["angular","angular-cli"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/valeri879.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-11-14T13:28:39.000Z","updated_at":"2024-06-08T13:17:41.000Z","dependencies_parsed_at":"2025-02-03T23:50:39.617Z","dependency_job_id":"fa703229-4e3e-4059-a7a7-8aefaf153e2e","html_url":"https://github.com/valeri879/ngx-angular-meta-service","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/valeri879/ngx-angular-meta-service","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/valeri879%2Fngx-angular-meta-service","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/valeri879%2Fngx-angular-meta-service/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/valeri879%2Fngx-angular-meta-service/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/valeri879%2Fngx-angular-meta-service/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/valeri879","download_url":"https://codeload.github.com/valeri879/ngx-angular-meta-service/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/valeri879%2Fngx-angular-meta-service/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29071281,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-04T03:31:03.593Z","status":"ssl_error","status_checked_at":"2026-02-04T03:29:50.742Z","response_time":62,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-cli"],"created_at":"2024-09-25T11:21:03.875Z","updated_at":"2026-02-04T05:36:57.523Z","avatar_url":"https://github.com/valeri879.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ngx angular meta service\n**ngx angular meta service** is a package for setting meta tags. With this package, you can easily set meta tags for SEO and social networks.  \nFor installation, you should run the following command in your terminal window:\n\n    npm i ngx-angular-meta-service@latest --save\nBefore we start to implement your `NgxAngularMetaService` module into app.module.ts we need to prepare index.html for setting empty tags.  \nCopy and paste this code snippets in your `index.html`\n```html\n  \u003c!-- open graph meta tags --\u003e\n  \u003cmeta name=\"og:type\" content=\"website\" /\u003e\n  \u003cmeta name=\"og:title\" content=\"\" /\u003e\n  \u003cmeta name=\"og:description\" content=\"\" /\u003e\n  \u003cmeta name=\"og:url\" content=\"\" /\u003e\n  \u003cmeta name=\"og:image\" content=\"\" /\u003e\n  \u003cmeta name=\"image\" content=\"\" /\u003e\n  \u003c!-- twitter meta tags --\u003e\n  \u003cmeta name=\"twitter:card\" content=\"\" /\u003e\n  \u003cmeta name=\"twitter:site\" content=\"\" /\u003e\n  \u003cmeta name=\"twitter:creator\" content=\"\" /\u003e\n  \u003cmeta name=\"twitter:description\" content=\"\" /\u003e\n  \u003cmeta name=\"twitter:url\" content=\"\" /\u003e\n  \u003cmeta name=\"twitter:image\" content=\"\" /\u003e\n\n```\n\nAfter installation, you should **import** `NgxAngularMetaService` into your root module.\n**app.module.ts**\n```typescript\nimport { NgModule } from '@angular/core';\nimport { BrowserModule } from '@angular/platform-browser';\n\nimport { NgxAngularMetaServiceModule } from 'ngx-angular-meta-service';\n\nimport { AppRoutingModule } from './app-routing.module';\nimport { AppComponent } from './app.component';\n\n@NgModule({\n  declarations: [\n    AppComponent\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    NgxAngularMetaServiceModule // \u003c\u003c \n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\nafter importing **app.module.ts** you can use **NgxAngularMetaService** in your components  \nFor example, here is a code snippet of **app.component.ts**\n```typescript\nimport { Component, OnInit } from '@angular/core';\nimport { NgxAngularMetaService } from 'ngx-angular-meta-service';\n\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.html',\n  styleUrls: ['./app.component.css']\n})\n\nexport class AppComponent implements OnInit {\n\n  constructor(\n    private _ngxAngularMetaService: NgxAngularMetaService\n  ) {\n  }\n\n  ngOnInit(): void {\n    this._ngxAngularMetaService.update(\n      'your page title',\n      'your description',\n      'img path',\n      'your twitter username',\n      'twitter creator name',\n      'page author or publisher'\n    );\n  }\n\n}\n```\nAs you see in **app.component.ts** There is only one method known as `.update()`  \nwhich includes six paragraphs, two of which are required and four of which are optional.\n|Parameter name | Is optional        | Parameter description |\n|---------------|--------------------|-----------------------|\n| title         | `false` | page title |\n| description   | `false` | page description, you can also send strings with html tags, `regex` automatically removes tags |\n| img | `false` | your image path |\n| twitterUserName | `true` | @username of website. Either twitter:site or twitter:site:id is required. |\n| twitterCreatorName | `true` | @username of content creator |\n| author | `false` | page publisher name |\n\n## Versions\n| Project Version | Angular Version |\n|-----------------|-----------------|\n| 0.0.12          | 14.0.0          |\n| 0.1.1           | 15.0.0          |\n| 0.1.3           | 16.2.12         |\n| 0.1.5           | 17.3.11         |\n| 0.1.6           | 18.0.2          |\n\n## SSR\nyou need to use angular server side rendering for this meta services\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvaleri879%2Fngx-angular-meta-service","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvaleri879%2Fngx-angular-meta-service","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvaleri879%2Fngx-angular-meta-service/lists"}