Merge pull request #38 from zarathustra323/p1-events-inquiry

Create inquiry submission tracker

packages/marko-web-p1-events/browser/index.js

@@ -1,5 +1,10 @@
 const TrackContentBodyLinks = () => import(/* webpackChunkName: "p1-events-track-content-body-links" */ './track-content-body-links.vue');
+const TrackInquirySubmission = () => import(/* webpackChunkName: "p1-events-track-inquiry-submission" */ './track-inquiry-submission.vue');
 
 export default (Browser) => {
+  const { EventBus } = Browser;
   Browser.register('P1EventsTrackContentBodyLinks', TrackContentBodyLinks);
+  Browser.register('P1EventsTrackInquirySubmission', TrackInquirySubmission, {
+    provide: { EventBus },
+  });
 };

packages/marko-web-p1-events/browser/track-inquiry-submission.vue

@@ -0,0 +1,36 @@
+<template>
+  <div class="marko-web-p1-events-inquiry-listener" style="display: none;" />
+</template>
+
+<script>
+export default {
+  inject: ['EventBus'],
+
+  props: {
+    entity: {
+      type: String,
+      required: true,
+    },
+    eventName: {
+      type: String,
+      default: 'inquiry-form-submit',
+    },
+  },
+
+  created() {
+    const { p1events } = window;
+    if (!p1events) return;
+
+    this.EventBus.$on(this.eventName, ({ payload } = {}) => {
+      const props = { ...payload };
+      delete props.token;
+      p1events('track', {
+        category: 'Inquiry',
+        action: 'Submit',
+        entity: this.entity,
+        props,
+      });
+    });
+  },
+};
+</script>

packages/marko-web-p1-events/components/marko.json

@@ -26,6 +26,20 @@
     "@action": "string",
     "@category": "string"
   },
+  "<marko-web-p1-events-track-inquiry-submission>": {
+    "template": "./track-inquiry-submission.marko",
+    "<content>": {
+      "@id": {
+        "type": "number",
+        "required": true
+      },
+      "@type": {
+        "type": "string",
+        "required": true
+      }
+    },
+    "@event-name": "string"
+  },
   "<marko-web-p1-events-track-website-section>": {
     "template": "./track-website-section.marko",
     "@node": "object"

packages/marko-web-p1-events/components/track-inquiry-submission.marko

@@ -0,0 +1,12 @@
+import { getAsObject } from "@parameter1/base-cms-object-path";
+import eventEntity from "../utils/base-content-entity";
+
+$ const content = getAsObject(input, "content");
+
+<marko-web-browser-component
+  name="P1EventsTrackInquirySubmission"
+  props={
+    entity: eventEntity(content.id, content.type),
+    eventName: input.eventName,
+  }
+/>