├── package.json
├── .gitignore
├── index.js
└── front.js


/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "update-order-note-api",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "start": "node index.js"
 8 |   },
 9 |   "author": "",
10 |   "license": "ISC",
11 |   "dependencies": {
12 |     "axios": "^1.6.0",
13 |     "body-parser": "^1.20.2",
14 |     "cors": "^2.8.5",
15 |     "express": "^4.18.2"
16 |   },
17 |   "engines": {
18 |     "node": "^16.20.2"
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | /coverage
10 | 
11 | # next.js
12 | /.next/
13 | /out/
14 | 
15 | 
16 | 
17 | # production
18 | /build
19 | 
20 | # misc
21 | .DS_Store
22 | *.pem
23 | 
24 | # debug
25 | npm-debug.log*
26 | yarn-debug.log*
27 | yarn-error.log*
28 | .pnpm-debug.log*
29 | 
30 | # local env files
31 | .env*.local
32 | 
33 | # vercel
34 | .vercel
35 | 
36 | # typescript
37 | *.tsbuildinfo
38 | next-env.d.ts
39 | /.github/


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
 1 | const express = require("express");
 2 | const app = express();
 3 | const port = 3000;
 4 | const bodyParser = require("body-parser");
 5 | const cors = require("cors");
 6 | const axios = require("axios");
 7 | 
 8 | app.use(bodyParser.json());
 9 | app.use(cors());
10 | 
11 | app.post("/update_order", (req, res) => {
12 |   const { orderId, note, attributes } = req.body;
13 |   const noteAttributes = [];
14 |   Object.keys(attributes).forEach((attr) => {
15 |     noteAttributes.push({
16 |       name: attr,
17 |       value: attributes[attr],
18 |     });
19 |   });
20 | 
21 |   axios
22 |     .put(
23 |       `https://8cf85f.myshopify.com/admin/api/2023-10/orders/${orderId}.json`,
24 |       JSON.stringify({
25 |         order: { id: orderId, note: note, note_attributes: noteAttributes },
26 |       }),
27 |       {
28 |         headers: {
29 |           "Content-Type": "application/json",
30 |           "X-Shopify-Access-Token": "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",
31 |         },
32 |       }
33 |     )
34 |     .then(function (response) {
35 |       res.send("updated!");
36 |     })
37 |     .catch(function (err) {
38 |       res.send(err);
39 |     });
40 | });
41 | 
42 | app.post("/update", (req, res) => {
43 |   const { payload } = req.body;
44 | 
45 |   const mesurementID = "G-TSLJKQSFB3";
46 |   const apiSecretKey = "rRCZXTRsTQKFx-fvygSD3w";
47 | 
48 |   axios
49 |     .post(
50 |       `https://www.google-analytics.com/mp/collect?measurement_id=${mesurementID}&api_secret=${apiSecretKey}`,
51 |       JSON.stringify(payload),
52 |       {
53 |         headers: {
54 |           "Content-Type": "application/json",
55 |         },
56 |       }
57 |     )
58 |     .then(function (response) {
59 |       console.log(response);
60 |       res.send("updated!");
61 |     })
62 |     .catch(function (err) {
63 |       res.send("error");
64 |     });
65 |   // fetch(
66 |   //   `https://www.google-analytics.com/mp/collect?measurement_id=${mesurementID}&api_secret=${apiSecretKey}`,
67 |   //   {
68 |   //     method: "POST",
69 |   //     body: JSON.stringify(payload),
70 |   //   }
71 |   // )
72 |   //   .then(function (response) {
73 |   //     console.log(response);
74 |   //     res.send("success");
75 |   //   })
76 |   //   .catch(function (err) {
77 |   //     res.send("fail");
78 |   //   });
79 | });
80 | 
81 | app.listen(port, () => {
82 |   console.log(`Example app listening on port ${port}`);
83 | });
84 | 


--------------------------------------------------------------------------------
/front.js:
--------------------------------------------------------------------------------
  1 | <!-- Google tag (gtag.js) -->
  2 | <script
  3 |   async
  4 |   src="https://www.googletagmanager.com/gtag/js?id=G-TSLJKQSFB3"
  5 | ></script>
  6 | <script>
  7 |   window.dataLayer = window.dataLayer || [];
  8 |   function gtag() {
  9 |     dataLayer.push(arguments);
 10 |   }
 11 |   gtag("js", new Date());
 12 | 
 13 |   gtag("config", "G-TSLJKQSFB3");
 14 | </script>
 15 | 
 16 | <script>
 17 |   function main() {
 18 |     let attributes = {};
 19 | 
 20 |     const docCookies = document.cookie;
 21 |     if (docCookies === "") {
 22 |       console.log("No cookies found.");
 23 |       return;
 24 |     }
 25 | 
 26 |     const cookies = docCookies.split("; ").map((cookie) => {
 27 |       return {
 28 |         name: decodeURIComponent(cookie.split("=")[0]),
 29 |         value: decodeURIComponent(cookie.split("=")[1]),
 30 |       };
 31 |     });
 32 | 
 33 |     const shopifyId1 = cookies.find((cookie) => cookie.name == "_shopify_y");
 34 | 
 35 |     attributes["_track_user_shopify_id_1"] = shopifyId1.value;
 36 | 
 37 |     randomValue = '';
 38 |     randomValue += Math.floor(Date.now() / 1000 - 60);
 39 | 
 40 |     const _gaCookie = cookies.find((cookie) => cookie.name == "_ga");
 41 |     let clientId = shopifyId1.value;
 42 |     let sessionId = randomValue;
 43 |     if (_gaCookie) {
 44 |       clientId = _gaCookie.value.split(".1.")[1];
 45 |       cookies
 46 |         .filter((cookie) => cookie.name.includes("_ga_"))
 47 |         .forEach((cookie) => {
 48 |           const session = cookie.value.split(".")[2];
 49 |           if (cookie.name.includes("TSLJKQSFB3")) sessionId = session;
 50 | 
 51 |           attributes[`_track${cookie.name}`] = cookie.value;
 52 |           attributes[`_track${cookie.name}_session`] = session;
 53 |           attributes[`_track${cookie.name}_clientID`] = clientId;
 54 |         });
 55 |     } else {
 56 |       attributes["_track_ga_"] = "no_information_received";
 57 |     }
 58 | 
 59 |     const orderId = "{{checkout.order_id}}";
 60 |     fetch("https://shopify-to-ga4.onrender.com/update_order", {
 61 |       method: "POST",
 62 |       headers: {
 63 |         "Content-Type": "application/json",
 64 |       },
 65 |       body: JSON.stringify({
 66 |         orderId: orderId,
 67 |         note: "",
 68 |         attributes: attributes,
 69 |       }),
 70 |     })
 71 |       .then(function () {
 72 |         console.log("order note updated");
 73 |       })
 74 |       .catch(function (err) {
 75 |         console.log(err);
 76 |       });
 77 | 
 78 |     // Update GA
 79 |     {% liquid
 80 |       assign order_type = 'One-time Purchase'
 81 |       assign hasSubscribeProduct = false
 82 |       assign hasOneTimeProduct = false
 83 | 
 84 |       for line_item in checkout.line_items
 85 |         if line_item.selling_plan_allocation
 86 |           assign hasSubscribeProduct = true
 87 |         else
 88 |           assign hasOneTimeProduct = true
 89 |         endif
 90 |       endfor
 91 | 
 92 |       if hasSubscribeProduct and hasOneTimeProduct
 93 |         assign order_type = 'One-time Purchase/Subscribe'
 94 |       elsif hasSubscribeProduct
 95 |         assign order_type = 'Subscribe'
 96 |       endif
 97 |     %}
 98 | 
 99 |     let items = [];
100 |     {% for line_item in checkout.line_items %}
101 |       console.log({{ checkout.discount_applications[0] | json }});
102 |       items.push({
103 |         'item_list_id': '{{ 'Checkout_thank_you'  | append:  '_' | append: forloop.index  }}',
104 |         'item_list_name': 'Checkout_thank_you',
105 |         {%- if line_item.selected_or_first_available_variant.id != blank -%}
106 |         'item_id': '{{ line_item.selected_or_first_available_variant.id }}',
107 |         {%- else -%}
108 |         'item_id': '{{ line_item.id }}',
109 |         {%- endif -%}
110 |         'item_name': `{{- line_item.product.title | replace: "'", '' | escape -}}`,
111 |         'affiliation': 'Pulse Tracking Dev',
112 |         {%- if checkout.discount_applications[0].title -%}
113 |         'coupon': '{{ checkout.discount_applications[0].title }}',
114 |         {%- else -%}
115 |         'coupon': "null",
116 |         {%- endif -%}
117 |         'currency': '{{ checkout.currency }}',
118 |         'index': {{ forloop.index }},
119 |         'item_brand': 'Pulse Tracking Dev',
120 |         {% if line_item.product_type != blank %}
121 |         'item_category': '{{- line_item.product_type | downcase -}}',
122 |         {% elsif line_item.type != blank %}
123 |         'item_category': '{{- line_item.type | downcase -}}',
124 |         {% elsif line_item.product.type != blank %}
125 |         'item_category': '{{- line_item.product.type | downcase -}}',
126 |         {% else %}
127 |         'item_category': 'null',
128 |         {% endif %}
129 |         'item_category2':'null',
130 |         'item_category3':'null',
131 |         'item_category4':'null',
132 |         'price': {{- line_item.price | divided_by: 100.0 -}},
133 |         {% if line_item.selected_or_first_available_variant.title != blank %}
134 |         'item_variant': '{{ line_item.selected_or_first_available_variant.title | replace: "'", '' | escape }}',
135 |         {% elsif _product.variant_title != blank %}
136 |         'item_variant': '{{ line_item.variant_title | replace: "'", '' | escape }}',
137 |         {% elsif line_item.product.selected_or_first_available_variant.title != blank %}
138 |         'item_variant': '{{- line_item.product.selected_or_first_available_variant.title | replace: "'", '' | escape -}}',
139 |         {% elsif line_item.title != blank %}
140 |         'item_variant': '{{ line_item.title | replace: "'", '' | escape }}',
141 |         {% elsif line_item.product.title != blank %}
142 |         'item_variant': '{{- line_item.product.title | replace: "'", '' | escape -}}',
143 |         {% else %}
144 |         'item_variant': "null",
145 |         {% endif %}
146 |         'quantity': {{ line_item.quantity }},
147 |       });
148 |     {% endfor %}
149 | 
150 |     let user_id = "undefined";
151 |     {%- if customer -%}
152 |       user_id = '{{ customer.id }}';
153 |     {%- endif -%}
154 | 
155 |     const payload = {
156 |       client_id: clientId,
157 |       timestamp_micros: Math.floor(Date.now() * 1000),
158 |       user_id: user_id,
159 |       non_personalized_ads: false,
160 |       events: [
161 |         {
162 |           name: "purchase",
163 |           params: {
164 |             session_id: sessionId,
165 |             debug_mode: 1,
166 |             currency: '{{ checkout.currency }}',
167 |             {%- if checkout.discount_applications[0].title -%}
168 |             coupon: '{{ checkout.discount_applications[0].title }}',
169 |             {%- else -%}
170 |             coupon: "null",
171 |             {%- endif -%}
172 |             value: {{ checkout.total_price | money_without_currency | remove: ".00" | remove: "," }},
173 |             tax: {{ checkout.tax_price | money_without_currency | remove: ".00" | remove: "," }},
174 |             shipping_tier: '{{ checkout.shipping_method.title }}',
175 |             shipping: {{ checkout.shipping_price | money_without_currency | remove: ".00" | remove: "," }},
176 |             payment_type: '{{ checkout.transactions[0].gateway_display_name }}',
177 |             transaction_id: '{{ checkout.order_name }}',
178 |             order_id: '{{checkout.order_id}}',
179 |             order_type: '{{ order_type }}',
180 |             items: items
181 |           }
182 |         }
183 |       ]
184 |     }
185 | 
186 |     fetch("https://shopify-to-ga4.onrender.com/update", {
187 |       method: "POST",
188 |       headers: {
189 |         "Content-Type": "application/json"
190 |       },
191 |       body: JSON.stringify({payload})
192 |     }).then(function (response) {
193 |       console.log(response)
194 |     }).catch(function (err) {
195 |       console.log(err)
196 |     })
197 | 
198 |     // gtag("event", "purchase_2", payload.events[0].params);
199 |   }
200 | 
201 |   if (!sessionStorage.getItem('transaction_id') || sessionStorage.getItem('transaction_id') != '{{ checkout.order_name }}') {
202 |     main();
203 |     sessionStorage.setItem('transaction_id', '{{ checkout.order_name }}');
204 |   }
205 | </script>
206 | 
207 | {%- if customer -%}
208 | <script>
209 |   console.log({{ customer.default_address | json}})
210 |   console.log(window.dataLayer)
211 |   window.dataLayer = window.dataLayer || [];
212 |   window.dataLayer.push({
213 |     'event': 'user_id',
214 |     'user_id': '{{ customer.id }}',
215 |     'user_type': 'registered',
216 |     'user_phonenumber' : '{{ customer.phone }}',
217 |     'user_email' : '{{ customer.email }}',
218 |     'user_firstname' : '{{ customer.first_name }}',
219 |     'user_countrycode' : '{{ customer.default_address.country_code }}',
220 |     'new_customer' : {% if customer.orders_count > 1 %}'No'{% else %} 'Yes' {% endif %},
221 |     'user_postcode' : '{{ customer.default_address.zip }}',
222 |     'total_order_count' : {{customer.orders_count}}
223 |   });
224 | </script>
225 | {%- else -%}
226 | <script>
227 |   console.log({{ customer.default_address | json}})
228 |   window.dataLayer = window.dataLayer || [];
229 |   window.dataLayer.push({
230 |     'event': 'user_id',
231 |     'user_id': null,
232 |     'client_id': window.ShopifyAnalytics.lib.trekkie.defaultAttributes.uniqToken,
233 |     'user_type': 'guest',
234 |     'user_phonenumber' : null,
235 |     'user_email' : null,
236 |     'user_firstname' : null,
237 |     'user_countrycode' : null,
238 |     'new_customer' : 'No',
239 |     'user_postcode' : null,
240 |     'total_order_count' : null
241 |   });
242 | </script>
243 | {%- endif -%}
244 | <!-- Google Tag Manager -->
245 | 
246 | <!-- START DATALAYER PUSH FOR CHECKOUT CONV -->
247 | <script>
248 |   // data layers events
249 |   window.addEventListener('DOMContentLoaded', function() {
250 |     // Add content
251 |     if (Shopify.Checkout) {
252 |       var litems = [];
253 |       {% for line_item in checkout.line_items %}
254 |         litems.push({
255 |           item_list_id: '{{ line_item.sku }}',
256 |           item_list_name: '{{ line_item.product.title }}',
257 |           item_id: '{{ line_item.product_id }}',
258 |           item_name: '{{ line_item.product.title }}',
259 |           affiliation: 'Pulse Tracking Dev',
260 |           coupon: null,
261 |           discount: {{ line_item.line_level_total_discount | money_without_currency | remove: ".00" | remove: "," }},
262 |           index: {{ forloop.index }},
263 |           item_brand: 'Pulse Tracking Dev',
264 |           item_category: '{{ line_item.product.type }}',
265 |           item_category2: '{{ line_item.selling_plan_allocation.selling_plan.name }}',
266 |           item_category3: null,
267 |           item_category4: null,
268 |           item_variant: '{{ line_item.variant_title }}',
269 |           price: {{ line_item.final_price | money_without_currency | remove: ".00" | remove: "," }},
270 |           quantity: {{ line_item.quantity }},
271 |         });
272 |       {% endfor %}
273 | 
274 |       var ShopifyCheckoutstep = Shopify.Checkout.step;
275 | 
276 |       switch (ShopifyCheckoutstep) {
277 |         case 'thank_you':
278 |         dataLayer.push({ ecommerce: null });
279 |         dataLayer.push({
280 |           'event': 'saras_ga4_add_payment_info',
281 |           'ecommerce': {
282 |             'currency': 'USD',
283 |             'coupon': '{% if checkout.discount_applications[0].title %}{{ checkout.discount_applications[0].title }}{% else %}null{% endif checkout.discount_applications[0].title %}',
284 |             'shipping': {{ checkout.shipping_price | money_without_currency | remove: ".00" | remove: "," }},
285 |             'shipping_tier': '{{ checkout.shipping_method.title }}',
286 |             'payment_type': '{{ checkout.transactions[0].gateway_display_name }}',
287 |             'value': {{ checkout.total_price | money_without_currency | remove: ".00" | remove: "," }},
288 |             'items': litems
289 |           }
290 |         });
291 | 
292 |         // Step 4/5: Thank You
293 |         dataLayer.push({
294 |           'event': 'saras_ga4_purchase',
295 |           'ecommerce': {
296 |             'currency': 'USD',
297 |             'coupon': '{% if checkout.discount_applications[0].title %}{{ checkout.discount_applications[0].title }}{% else %}null{% endif checkout.discount_applications[0].title %}',
298 |             'shipping': {{ checkout.shipping_price | money_without_currency | remove: ".00" | remove: "," }},
299 |             'shipping_tier': '{{ checkout.shipping_method.title }}',
300 |             'payment_type': '{{ checkout.transactions[0].gateway_display_name }}',
301 |             'value': {{ checkout.total_price | money_without_currency | remove: ".00" | remove: "," }},
302 |             'tax': {{ checkout.tax_price | money_without_currency | remove: ".00" | remove: "," }},
303 |             'transaction_id': '{{ checkout.order_name }}',
304 |             'order_id': '{{checkout.order_id}}',
305 |             'order_number': "{{ checkout.order_number }}",
306 |             'items': litems
307 |           }
308 |         });
309 |         break;
310 |       }
311 |     }
312 |   });
313 | </script>
314 | 


--------------------------------------------------------------------------------