Skip to main content

TagCommander

Use case
  • TagCommander is loaded in the parent page (your website or the minisite template of your campaign)
  • Events fired by the Qualifio campaign are executed as TagCommander Javascript functions in the parent page (tC.event.qlfEventStep or tC.event.qlfEventAction)

Variables

OPTIN-ID

Recommended

If you expect to track form submitted events only when a specific opt-in has been ticket (e.g. : newsletter subscription)

Create variable OPT-IN ID

Tags

(minisite)

TagCo event "First page"

  • Body
    <script type="text/javascript"> 
    $(function() {

    var tp = _qlf_taggingplan;

    if (tp.pageNumber() == 1) {
    _qual_async.push(['requestPlugin', 'qualp', 'datalayer', function() {
    _qual_async.push(['sendParentMessage', 'datalayer/tagCoEvent/qlfEventStep', {
    'qlf_step':'first',
    'qlf_title': qlfDataLayer[0]['title'],
    'qlf_path': qlfDataLayer[0]['page_path']
    }]);
    }]);
    }
    });
    </script>
  • Usage
    Only from campaign Tags

    Use GTM event from campaign Tags

TagCo event "Welcome screen"

  • Body

    <script type="text/javascript">
    $(function() {

    var tp = _qlf_taggingplan;

    if (tp.getStepName() == 'intro') {
    _qual_async.push(['requestPlugin', 'qualp', 'datalayer', function() {
    _qual_async.push(['sendParentMessage', 'datalayer/tagCoEvent/qlfEventStep', {
    'qlf_step':'welcome',
    'qlf_title': qlfDataLayer[0]['title'],
    'qlf_path': qlfDataLayer[0]['page_path']
    }]);
    }]);
    }
    });
    </script>
  • Usage

    Only from campaign Tags

    Use GTM event from campaign Tags

TagCo event "Questions screen”

  • Body

    <script type="text/javascript">
    $(function() {

    var tp = _qlf_taggingplan;

    if (tp.getStepName() == 'questionset') {
    _qual_async.push(['requestPlugin', 'qualp', 'datalayer', function() {
    _qual_async.push(['sendParentMessage', 'datalayer/tagCoEvent/qlfEventStep', {
    'qlf_step':'questions',
    'qlf_question':qlfDataLayer[0]['pgi'],
    'qlf_title': qlfDataLayer[0]['title'],
    'qlf_path': qlfDataLayer[0]['page_path']
    }]);
    }]);
    }
    });
    </script>
  • Usage

    Only from campaign Tags

    Use GTM event from campaign Tags

TagCo event "Identification form”

  • Body

    <script type="text/javascript">
    $(function() {

    var tp = _qlf_taggingplan;

    if (tp.getStepName() == 'identityset') {
    _qual_async.push(['requestPlugin', 'qualp', 'datalayer', function() {
    _qual_async.push(['sendParentMessage', 'datalayer/tagCoEvent/qlfEventStep', {
    'qlf_step':'form',
    'qlf_title': qlfDataLayer[0]['title'],
    'qlf_path': qlfDataLayer[0]['page_path']
    }]);
    }]);
    }
    });
    </script>
  • Usage

    Only from campaign Tags

    Use GTM event from campaign Tags

TagCo event "Exit screen”

  • Body

    <script type="text/javascript">
    $(function() {

    var tp = _qlf_taggingplan;

    if (tp.getStepName() == 'exit') {
    _qual_async.push(['requestPlugin', 'qualp', 'datalayer', function() {
    _qual_async.push(['sendParentMessage', 'datalayer/tagCoEvent/qlfEventStep', {
    'qlf_step':'exit',
    'qlf_profile':'{group}',
    'qlf_title': qlfDataLayer[0]['title'],
    'qlf_path': qlfDataLayer[0]['page_path']
    }]);
    }]);
    }
    });
    </script>
  • Usage

    Only from campaign Tags

    Use GTM event from campaign Tags

TagCo event “Participate button”

  • Body

    <script type="text/javascript">
    $(function() {

    var tp = _qlf_taggingplan;

    if (tp.getStepName() == 'intro') {
    $('#jouer').click(function(){
    _qual_async.push(['requestPlugin', 'qualp', 'datalayer', function() {
    _qual_async.push(['sendParentMessage', 'datalayer/tagCoEvent/qlfEventAction', {
    'qlf_step':'participate',
    'qlf_title': qlfDataLayer[0]['title'],
    'qlf_path': qlfDataLayer[0]['page_path']
    }]);
    }]);
    });
    }
    });
    </script>
  • Usage

    Only from campaign Tags

    Use GTM event from campaign Tags

TagCo event “Question answered”

  • Body

    <script type="text/javascript">
    $(function() {

    var tp = _qlf_taggingplan;

    if (tp.getStepName() == 'questionset') {
    $('#suivant1, #next, .answerPic, [id^=check_choix]').click(function(){
    _qual_async.push(['requestPlugin', 'qualp', 'datalayer', function() {
    _qual_async.push(['sendParentMessage', 'datalayer/tagCoEvent/qlfEventAction', {
    'qlf_step':'question_answered',
    'qlf_question':qlfDataLayer[0]['pgi'],
    'qlf_title': qlfDataLayer[0]['title'],
    'qlf_path': qlfDataLayer[0]['page_path']
    }]);
    }]);
    });
    }
    });
    </script>
  • Usage

    Only from campaign Tags

    Use GTM event from campaign Tags

TagCo event "Form submitted”

  • Body

    <script type="text/javascript">
    $(function() {

    var tp = _qlf_taggingplan;

    if (tp.isFormSubmittedRightNow()) {
    _qual_async.push(['requestPlugin', 'qualp', 'datalayer', function() {
    _qual_async.push(['sendParentMessage', 'datalayer/tagCoEvent/qlfEventAction', {
    'qlf_step':'form_submitted',
    'qlf_title': qlfDataLayer[0]['title'],
    'qlf_path': qlfDataLayer[0]['page_path']
    }]);
    }]);
    }
    });
    </script>
  • Usage

    Only from campaign Tags

    Use GTM event from campaign Tags

TagCo event "Form submitted with opt-in”

  • Body

    <script type="text/javascript">
    $(function() {

    var tp = _qlf_taggingplan;

    if (tp.isFormSubmittedRightNow()) {
    if(tp.isOptin({tv:optin-id})) {
    _qual_async.push(['requestPlugin', 'qualp', 'datalayer', function() {
    _qual_async.push(['sendParentMessage', 'datalayer/tagCoEvent/qlfEventAction', {
    'qlf_step':'form_submitted_with_optin',
    'qlf_title': qlfDataLayer[0]['title'],
    'qlf_path': qlfDataLayer[0]['page_path']
    }]);
    }]);
    }
    }
    });
    </script>
  • Usage

    Only from campaign tags

    Select tag from campaign “Tracking tags &amp; pixels” section

    Set the expected opt-in ID

    Set expected opt-in ID