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 

{
    category: 'Favorite Button',
    action: Clicked_{{Favorite Count}},
    name: '',
    value: ''
}

💥 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!

Made with Slides.com