Provides a Symfony tool pack to easily integrates TagCommander into your application.
Install the package with Composer :
composer require 1001pharmacies/tagcommander-bundle
Update app/AppKernel.php :
$bundles = array(
// ...
new Meup\Bundle\TagcommanderBundle\MeupTagcommanderBundle(),
);Setup your app/config/config.yml
meup_tagcommander:
default_event: "default"
datalayer:
name: "tc_vars"
default: { env: "%kernel.environment%", locale: "%locale%" }
containers:
- { name: "ab-test", script: "my-ab-test-container.js" }
- { name: "generic", script: "my-generic-container.js", version: "v17.11", alternative: "//redirect1578.tagcommander.com/utils/noscript.php?id=3&mode=iframe" }
events:
- { name: "default", function: "tc_events_1" }
- { name: "other_events", function: "tc_events_2" }The meup_tagcommander.datalayer.default config node allows you to pre-fill your datalayer directly from your your config tree.
Then update your pages to track events :
<html>
<head>
{% block head_javascript %}
{{ tc_vars({ 'route': app.request.attributes.get('_route') }) }}
{{ tc_container("ab-test") }}
{% endblock %}
</head>
<body>
<!-- simple tracking sample -->
<a href="#" onclick="javascript: return {{ tc_event('lorem_click') }}">lorem ipsum</a>
<!-- advanced tracking sample -->
<img src="sample.jpg" onmouseover="javascript: return {{ tc_event('over_image', {'src': 'sample.jpg'}, 'other_events') }}">
<!-- rendering tag commander containers -->
{% block body_javascript %}
{{ tc_container("generic") }}
{% endblock %}
</body>
</html>Using tc_datalayer service
$datalayer = $container->get('tc_datalayer');
$datalayer->set('foo', 'bar');
var_dump($datalayer->all());
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent