{"id":28321443,"url":"https://github.com/dagonmetric/ng-log-facebook-analytics","last_synced_at":"2025-07-08T08:03:35.712Z","repository":{"id":39098074,"uuid":"215588601","full_name":"DagonMetric/ng-log-facebook-analytics","owner":"DagonMetric","description":"Angular Facebook Pixel Analytics implementation for @Dagonmetric / ng-log.","archived":false,"fork":false,"pushed_at":"2025-06-06T05:03:22.000Z","size":3788,"stargazers_count":4,"open_issues_count":15,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-22T18:52:10.332Z","etag":null,"topics":["analytics","angular","angular-analytics","angular-facebook-analytics","angular-facebook-pixel","angular-log","angular-logging","angular-logging-service","angular-telemetry-client","facebook-analytics","facebook-pixel","log","logging","telemetry","telemetry-client","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DagonMetric.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","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":"2019-10-16T15:59:02.000Z","updated_at":"2023-03-29T01:02:23.000Z","dependencies_parsed_at":"2024-01-29T20:55:34.510Z","dependency_job_id":"11466621-3b00-49ee-8d50-b9c743412cd7","html_url":"https://github.com/DagonMetric/ng-log-facebook-analytics","commit_stats":{"total_commits":738,"total_committers":3,"mean_commits":246.0,"dds":"0.13685636856368566","last_synced_commit":"b4b94f0bf6607e3673ea8620762e1d814b4098fb"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/DagonMetric/ng-log-facebook-analytics","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DagonMetric%2Fng-log-facebook-analytics","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DagonMetric%2Fng-log-facebook-analytics/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DagonMetric%2Fng-log-facebook-analytics/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DagonMetric%2Fng-log-facebook-analytics/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DagonMetric","download_url":"https://codeload.github.com/DagonMetric/ng-log-facebook-analytics/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DagonMetric%2Fng-log-facebook-analytics/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264229195,"owners_count":23576236,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["analytics","angular","angular-analytics","angular-facebook-analytics","angular-facebook-pixel","angular-log","angular-logging","angular-logging-service","angular-telemetry-client","facebook-analytics","facebook-pixel","log","logging","telemetry","telemetry-client","typescript"],"created_at":"2025-05-25T12:14:00.424Z","updated_at":"2025-07-08T08:03:35.705Z","avatar_url":"https://github.com/DagonMetric.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular Facebook Pixel Analytics Integration for NG-LOG\n\n[![GitHub Actions Status](https://github.com/DagonMetric/ng-log-facebook-analytics/workflows/Main%20Workflow/badge.svg)](https://github.com/DagonMetric/ng-log-facebook-analytics/actions)\n[![Azure Pipelines Status](https://dev.azure.com/DagonMetric/ng-log/_apis/build/status/DagonMetric.ng-log-facebook-analytics?branchName=master)](https://dev.azure.com/DagonMetric/ng-log/_build?definitionId=21)\n[![npm version](https://badge.fury.io/js/%40dagonmetric%2Fng-log-facebook-analytics.svg)](https://www.npmjs.com/package/@dagonmetric/ng-log-facebook-analytics)\n[![Gitter](https://badges.gitter.im/DagonMetric/general.svg)](https://gitter.im/DagonMetric/general?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge)\n\nFacebook Pixel Analytics integration of [DagonMetric/ng-log](https://github.com/DagonMetric/ng-log) for Angular applications.\n\n## Getting Started\n\n### Prerequisites\n\nYou can use either Facebook Pixel or Facebook JavaScript SDK to log events.\n\n#### To Add Facebook Pixel\n\nCopy \u0026 paste Facebook pixel code to your site from [Facebook pixel setup guide](https://www.facebook.com/business/m/pixel-setup-get-started).\n\n#### To Add Facebook JavaScript SDK\n\nCopy \u0026 paste Facebook sdk code to your site from [acebook SDK for JavaScript](https://developers.facebook.com/docs/javascript/).\n\n### Installation\n\nnpm\n\n```bash\nnpm install @dagonmetric/ng-log @dagonmetric/ng-log-facebook-analytics\n```\n\nor yarn\n\n```bash\nyarn add @dagonmetric/ng-log @dagonmetric/ng-log-facebook-analytics\n```\n\n### Module Setup (app.module.ts)\n\n```typescript\nimport { LogModule } from '@dagonmetric/ng-log';\nimport { FacebookAnalyticsLoggerModule } from '@dagonmetric/ng-log-facebook-analytics';\n\n@NgModule({\n  imports: [\n    // Other module imports\n\n    // ng-log modules\n    LogModule,\n    FacebookAnalyticsLoggerModule\n  ]\n})\nexport class AppModule { }\n```\n\nLive edit [app.module.ts in stackblitz](https://stackblitz.com/github/dagonmetric/ng-log-facebook-analytics/tree/master/samples/demo-app?file=src%2Fapp%2Fapp.module.ts)\n\n### Usage (app.component.ts)\n\n```typescript\nimport { Component, OnInit } from '@angular/core';\n\nimport { LogService } from '@dagonmetric/ng-log';\n\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.html'\n})\nexport class AppComponent implements OnInit {\n  constructor(private readonly logService: LogService) { }\n\n  ngOnInit(): void {\n    // Track traces\n    this.logService.trace('Testing trace');\n    this.logService.debug('Testing debug');\n    this.logService.info('Testing info');\n    this.logService.warn('Testing warn');\n\n    // Track exceptions\n    this.logService.error(new Error('Testing error'));\n    this.logService.fatal(new Error('Testing critical'));\n\n    // Track page view\n    this.logService.trackPageView({\n      name: 'My Angular App',\n      uri: '/home'\n    });\n\n    // Track page view with timing\n    this.logService.startTrackPage('about');\n    this.logService.stopTrackPage('about', { uri: '/about' });\n\n    // Track custom event\n    this.logService.trackEvent({\n      name: 'video_auto_play_start',\n      properties: {\n        non_interaction: true\n      }\n    });\n\n    // Track custom event with timing\n    this.logService.startTrackEvent('video_auto_play');\n    this.logService.stopTrackEvent('video_auto_play', {\n      properties: {\n        non_interaction: true\n      }\n    });\n\n    // Set user properties\n    this.logService.setUserProperties('\u003cAuthenticated User Id\u003e', '\u003cAccount Id\u003e');\n\n    // Clear user properties\n    this.logService.clearUserProperties();\n  }\n}\n```\n\nLive edit [app.component.ts in stackblitz](https://stackblitz.com/github/dagonmetric/ng-log-facebook-analytics/tree/master/samples/demo-app?file=src%2Fapp%2Fapp.component.ts)\n\n## Samples\n\n* Demo app [view source](https://github.com/DagonMetric/ng-log-facebook-analytics/tree/master/samples/demo-app) / [live edit in stackblitz](https://stackblitz.com/github/dagonmetric/ng-log-facebook-analytics/tree/master/samples/demo-app)\n\n## Related Projects\n\n* [ng-log](https://github.com/DagonMetric/ng-log) - Vendor-agnostic logging, analytics and telemetry service abstractions and some implementations for Angular applications\n* [ng-log-applicationinsights](https://github.com/DagonMetric/ng-log-applicationinsights) - Microsoft Azure Application Insights implementation for `ng-log`\n* [ng-log-firebase-analytics](https://github.com/DagonMetric/ng-log-firebase-analytics) - Firebase Analytics implementation for `ng-log`\n* [ng-log-gtag](https://github.com/DagonMetric/ng-log-gtag) - Angular Google Analytics (gtag.js) logger implementation for `ng-log`\n\n## Feedback and Contributing\n\nCheck out the [Contributing](https://github.com/DagonMetric/ng-log-facebook-analytics/blob/master/CONTRIBUTING.md) page.\n\n## License\n\nThis repository is licensed with the [MIT](https://github.com/DagonMetric/ng-log-facebook-analytics/blob/master/LICENSE) license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdagonmetric%2Fng-log-facebook-analytics","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdagonmetric%2Fng-log-facebook-analytics","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdagonmetric%2Fng-log-facebook-analytics/lists"}