A Next.js component that allows easy integration of multiple tracking tools such as Google Tag Manager, Google Ads, Facebook Pixel, Hotjar, and LinkedIn.
Compatible with both JavaScript and TypeScript, it enables developers to implement tracking in their web applications quickly and efficiently.
Compatible with Next.js 9.5.0+.
npm install next-tracking-platform- JavaScript
import Tracking from 'next-tracking-platform';
const App = () => (
<Tracking id="GTM-XXXXXXX" platform="googleTagManager" />
<Tracking id="FB-XXXXXXX" platform="facebookPixel" />
);- TypeScript
import React from 'react';
import Tracking from 'next-tracking-platform';
const App: React.FC = () => (
<Tracking id="GTM-XXXXXXX" platform="googleTagManager" />
<Tracking id="FB-XXXXXXX" platform="facebookPixel" />
);- Google Tag Manager
- Google Ads
- Facebook Pixel
- Hotjar
- Next.js: Version 9.5.0 or higher
-
Fork the Repository: Click the "Fork" button at the top right of the repository page to create your own copy of the project.
-
Clone Your Fork: Clone your forked repository to your local machine:
git clone https://github.com/your-username/next-tracking-platform.git- Create a Branch: Before making any changes, create a new branch:
git checkout -b feature/your-feature-name-
Make Your Changes: Implement your feature or fix the issue you are addressing. Be sure to adhere to the coding standards used in the project.
-
Write Tests: If applicable, write tests for your new feature or bug fix to ensure that it works correctly and does not introduce regressions.
-
Update Documentation: If your changes affect the usage or functionality of the component, update the documentation accordingly.
-
Commit Your Changes: Use clear and descriptive commit messages. Follow this format:
git commit -m "Add feature: description of your feature"- Push Your Changes: Push your changes to your forked repository:
git push origin feature/your-feature-name- Open a Pull Request: Go to the original repository and create a pull request. Provide a clear description of the changes you made and why they should be merged.
- Follow Coding Standards: Adhere to the coding standards used in the project, including naming conventions and file organization.
- Keep Changes Focused: Ensure that your changes are focused on a single issue or feature to make it easier to review.
- Communicate Clearly: If you are working on a larger feature, consider discussing it with the maintainers or community before starting to ensure alignment with the project goals.
Thank you for your interest in contributing to the Next Tracking Platform!
Your contributions help improve the project for everyone.
Contributions are welcome!
Feel free to submit a pull request or open an issue to discuss improvements.