JavaScript & Technical Analytics BootCamp – May 2025 (Language: Bangla)

About Course

কনভার্সন ট্র্যাকিংয়ের জন্য জরুরি HTML, CSS, ও JavaScript

সকল ধরেনে কাস্টম ফর্ম এবং iframe ট্র্যাকিং-এর টেকনিক

Shopify ও অন্যান্য সাইটে Custom Data Layer তৈরি

Advanced Tag firing ও Event Tracking

JavaScript দিয়ে Custom Event Listener বসানো

নিজের GTM Template তৈরি করার কৌশল

প্রয়োজনীয় রিসোর্স ও বাস্তব অভিজ্ঞতার উপর ভিত্তি করে গাইডলাইন

Course Content

1. HTML for Conversion Tracking
When it comes to conversion tracking, we usually need to work within a website. Since websites are built with HTML, it's essential to understand various HTML elements, tags, and attributes to track data accurately and effectively.

1. How to write html

05:32
2. What is HTML Tag

03:14
3. Heading, Link, Paragraph, Attributes

03:53
4. Image, Parent Tag, Child Tag

06:32
5. List, Table

03:37
6. Form Tag – 1

03:08
7. Form Tag – 2

04:07
8. Form Tag – 3

09:27
9. iFrame

02:49
10. HTML Comment & Quick Recap

06:10
11. Website Structure & Markup

12:14
12. How Multiple Page Connected

03:21
13. Upload Site In Server

02:34
14. Summary

04:30
Skill Test

2. CSS for Conversion Tracking
Before tracking anything, we need to select the relevant elements in JavaScript using CSS selectors, so it's crucial to understand CSS—especially how selectors work. Besides classes and IDs, there are many other smart ways to select elements, which is especially important for tracking dynamic content effectively.

3. JavaScript Fundamental
JavaScript is everywhere. If you want to become a master in the analytics and tracking field, having a strong understanding of JavaScript is essential.

1. JavaScript & Workspace

02:05
2. Variable

03:54
3. Data Type & String

03:06
4. Number

00:40
5. Object

07:51
6. Array – 1

07:40
7. Array – 2

05:10
8. String Functions

13:24
9. Array Functions – 1 – forEach

10:17
10. Array Functions – 2 – map

05:54
11. JSON

03:22
12. Conditions

15:13
13. Function – 1

04:48
14. Function – 2

09:13

4. GTM Template Creation

5. JavaScript DOM

6. Form Tracking
The objective of this module is to learn how to track any kind of form and collect user data to enhance conversions.

7. iFrame Tracking
iFrame tracking is one of the most challenging aspects of conversion tracking. The objective of this module is to mitigate those challenges so we can successfully track any type of iFrame form and other iframe-related interactions.

8. Customer DataLayer – Dynamic Pricing Table Tracking
Sometimes, all buttons and links on a page share the same class, ID, or selector. In such cases, it becomes quite challenging to track events separately and collect accurate event parameters. In this module, we’ll learn how to track custom and complex events in a dynamic and efficient way.

9. Custom DataLayer – eCommerce Site’s Data Layer Creation
In this module, we will learn how to use our HTML, CSS, and JavaScript knowledge to create an ecommerce dataLayer.

10. Shopify DataLayer Creation with Customer Pixel (Theme Independent)
Creating a Shopify dataLayer is straightforward if you understand objects and arrays. In this module, we will build a complete Shopify dataLayer using your own JavaScript skills.

1. Understand Shopify Customer Pixel & Fix Page Location

14:48
2. Shopify DataLayer’s Useful Data Collection

10:18
3. Shopify View Item List

21:39
4. Add To Cart & Remove From Cart

13:01
5. Shopify View Item

09:37
6. Shopify View Cart

19:07
7. Shopify Begin Checkout

19:49
8. Shopify Add Contact Info, Add Payment Info, Add Shipping Info, Purchase

15:46
9. Shopify Custom Event Tracking – 1

20:12
10. Shopify Custom Event Tracking – 2

22:12
11. GTM Tag Template Creation & Shopify Custom Event Tracking – 3

22:02
12. Shopify Custom Event Tracking – 4

14:42
13. Complete Shopify DataLayer

11. Guidelines & Resources for Your Journey to Becoming a Rock Star

Student Ratings & Reviews

No Review Yet

About Course

Course Content

1. HTML for Conversion Tracking When it comes to conversion tracking, we usually need to work within a website. Since websites are built with HTML, it's essential to understand various HTML elements, tags, and attributes to track data accurately and effectively.

10. HTML Comment & Quick Recap

11. Website Structure & Markup

13. Upload Site In Server

14. Summary

Skill Test

3. Practice Tittle CSS 1 – Use of Id & Class Selector

4. Practice Little CSS 2

6. CSS Selector 1

8. CSS Selector 3 – What’s the Problem with Using “Copy Selector” in DevTools

9. CSS Selector 4 – Direct Child Selector

10. CSS Selector 5 – Sudo Selector

11. Summary

12. CSS Selector in Google Tag Manger

3. JavaScript Fundamental JavaScript is everywhere. If you want to become a master in the analytics and tracking field, having a strong understanding of JavaScript is essential.

1. JavaScript & Workspace

2. Variable

3. Data Type & String

4. Number

5. Object

6. Array – 1

7. Array – 2

8. String Functions

9. Array Functions – 1 – forEach

10. Array Functions – 2 – map

11. JSON

12. Conditions

13. Function – 1

14. Function – 2

4. GTM Template Creation

1. GTM Template Creation – Part 1

2. GTM Template Creation – Part 2

3. GTM Template Creation – Part 3

5. JavaScript DOM

6. Form Tracking The objective of this module is to learn how to track any kind of form and collect user data to enhance conversions.

1. Form Tracking with GTM & Get Form Data

2. How to Get All form Data Together

3. Building Universal Form Tracking Listener – 1

4. Building Universal Form Tracking Listener – 2

5. Building Universal Form Tracking Listener – 3

6. Building Universal Form Tracking Listener – 4

7. Non Form Form Tracking

Final Resource

7. iFrame Tracking iFrame tracking is one of the most challenging aspects of conversion tracking. The objective of this module is to mitigate those challenges so we can successfully track any type of iFrame form and other iframe-related interactions.

1. iFrame & Post Message

2. iFrame Form Tracking – 1

3. iFrame Form Tracking – 2

4. iFrame Form Tracking – 3

5. iFrame Form Tracking – 4

6. “Untrackable” iFrames Form Tracking

7. Google AdSense Click Tracking

1. Part – 1

2. Part – 2

9. Custom DataLayer – eCommerce Site’s Data Layer Creation In this module, we will learn how to use our HTML, CSS, and JavaScript knowledge to create an ecommerce dataLayer.

1. eCommerce DataLayer Creation – 1

2. eCommerce DataLayer Creation – 2

3. eCommerce DataLayer Creation – 3

4. eCommerce DataLayer Creation – 4

5. eCommerce DataLayer Creation – 5

10. Shopify DataLayer Creation with Customer Pixel (Theme Independent) Creating a Shopify dataLayer is straightforward if you understand objects and arrays. In this module, we will build a complete Shopify dataLayer using your own JavaScript skills.

1. Understand Shopify Customer Pixel & Fix Page Location

3. Shopify View Item List

4. Add To Cart & Remove From Cart

5. Shopify View Item

6. Shopify View Cart

7. Shopify Begin Checkout

8. Shopify Add Contact Info, Add Payment Info, Add Shipping Info, Purchase

9. Shopify Custom Event Tracking – 1

10. Shopify Custom Event Tracking – 2

11. GTM Tag Template Creation & Shopify Custom Event Tracking – 3

12. Shopify Custom Event Tracking – 4

13. Complete Shopify DataLayer