A Better Form for UBT

Matomo Tag Manager

📋 Agenda

• Current Situation
• Matomo Tag Manager (MTM)
• MTM Concepts
• Demo
• Conculsion

😕 Current Situation

• Lengthy process for UBT modifications
  1. Ask frontend
  2. Modify Tag in codebase
  3. Commit
  4. Push
  5. PR
• Different codes for Piwik & Pendo
• UBT Tags separated in different files

🤔 What if?

• Modify UBT without changing frontend codebase

• One effort for both Piwik & Pendo

• Manage all UBTs Tags from a place

Matomo Tag Manager (MTM)

• Matomo's (formerly Piwik) Tag Management System (TMS)
  • Control UBTs from Matomo's console
  • Since v3.7.0

MTM Concepts - Components

• 🏷 Tag
  • A snippet of code which can be executed on your site
  • e.g. send UBT object, Custom HTMLs
• 💥 Trigger
  • Conditions that let you define on which event a tag should be fired.
  • e.g. Clicked, Scroll
• 🔤 Variables
  • Dynamic value which will be resolved at the time the value is being accessed
  • e.g. Current URL, Current Scroll Position, Current CSS Class...etc

MTM Concepts - Components

• 💾 Data Layer
  • Indent for accessing data which are not on UI
  • e.g. vid, language​
• 📦 Container
  • Stores all these components

Components - To illustrate 

💥 Trigger

🏷 Tag

🔤 Variables /

💾 Data Layer

📦 Container

MTM Concepts - Publish

• 👁 Preview / Debug
• ⬆️ Publish
• 🎞 Version Control

MTM Concepts - Add UBT Process

Pre-request: Insert 📦 Container Code

🏷

Add a Tag

💥

Link to a Trigger

👁

Preview / Debug

⬆️ 

Publish

🎞  Version added

Demo - A Blog Website

👍🏽 Pros

• Agility 
• Better Management for Tags
• Version control

👎🏽 Cons

• Still need to change codebase when
  • use custom variables
  • send different event with one trigger

Conclusion

Thanks for listening!