Inital commit

Author: Jelle Klaver

.babelrc

@@ -0,0 +1,34 @@
+"env": {
+  "development": {
+    "presets": [
+      [
+        "@babel/env",
+        {
+          "modules": false
+        }
+      ],
+      "@babel/react"
+    ]
+  },
+  "test": {
+    "presets": [
+      "@babel/env",
+      "@babel/react"
+    ]
+  },
+  "production": {
+    "presets": [
+      [
+        "@babel/env",
+        {
+          "modules": false
+        }
+      ],
+      "@babel/react"
+    ],
+    "plugins": [
+      "@babel/plugin-transform-react-constant-elements",
+      "@babel/plugin-transform-react-inline-elements"
+    ]
+  }
+}

.eslintrc

@@ -0,0 +1,34 @@
+{
+  "env": {
+    "browser": true,
+    "node": true,
+    "mocha": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "airbnb"
+  ],
+  "parser": "babel-eslint",
+  "plugins": [
+    "react"
+  ],
+  "rules": {
+    "no-console": 0,
+    "max-len": 0,
+    "strict": 0,
+    "import/no-dynamic-require": 0,
+    "import/newline-after-import": 0,
+    "no-underscore-dangle": 0,
+    "consistent-return": 0,
+    "import/no-extraneous-dependencies": 0,
+    "no-plusplus": 0,
+    "no-useless-escape": 0,
+    "react/jsx-filename-extension": 0,
+    "react/forbid-prop-types": 0,
+    "no-unneeded-ternary": 0,
+    "class-methods-use-this": 0,
+    "react/require-default-props": 0,
+    "no-param-reassign": 0,
+    "comma-dangle": 0
+  }
+}

.gitignore

@@ -0,0 +1,10 @@
+# https://git-scm.com/docs/gitignore
+# https://help.github.com/articles/ignoring-files
+# Example .gitignore files: https://github.com/github/gitignore
+/bower_components/
+/node_modules/
+.DS_store
+.module-cache
+npm-debug.log
+.c9
+.vscode/

.npmignore

@@ -0,0 +1,15 @@
+.*.swp
+._*
+.DS_Store
+.git
+.hg
+.lock-wscript
+.svn
+.wafpickle-*
+CVS
+npm-debug.log
+node_modules/
+.DS_store
+.module-cache
+npm-debug.log
+.c9

README.md

@@ -0,0 +1,36 @@
+# react-linkedin-insight
+Easily add LinkedIn Insight Tag to React.
+It is heavily inspired by [react-facebook-pixel](https://github.com/zsajjad/react-facebook-pixel) from [@zsajjad](https://github.com/zsajjad).
+
+## Install
+This repo is available via npm ([react-linkedin-insight](https://www.npmjs.com/package/@jelleklaver/react-linkedin-insight))
+
+```bash
+npm install react-linkedin-insight --save
+```
+
+## Usage
+Import, initialize and play. Too bad the LinkedIn Insight Tag does not have the abilities which the Facebook Pixel or Google Analytics have, but we can measure a page load and conversions.
+
+```javascript
+import LinkedInTag from 'react-linkedin-insight';
+
+LinkedInTag.init(partnerId);
+LinkedInTag.track(conversionId);
+```
+
+### Partner ID
+You can get the partner ID from the script LinkedIn provides when you create an Insight Tag. The partner ID can be found on the second row of the code they provide: `_linkedin_partner_id = "123456";` where the 123456 is your partner ID.
+
+### Conversion ID
+Conversions can only be tracked if they are created within the LinkedIn Campaign Manager. Once an event-specific pixel is created, they will provide an image tag like `<img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=123456&conversionId=789012&fmt=gif" />`. The `789012` behind the `conversionId=` is your conversion ID.
+
+### Tracking navigation with a client-side router
+Currently there is no option in automatically tracking navigation with client-side routing. Input would be very helpful and appreciated. It could be opted to create a conversion in LinkedIn which is called 'virtualPageView' or so, but I don't think this is good practice. We should create a way in which LinkedIn registers a navigation change as a page load.
+
+## License (ISC)
+Copyright 2018 Jelle Klaver
+
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.