From Version 1.6 – can enable Google Analytics<\/a> directly from Plugin Settings. ( This will work even Google Analytics installed using GTM )<\/p><\/blockquote>\n\n\n\n Google Analytics is installed using Google Tag Manager<\/p>\n\n\n\n Install Google Analytics using Google Tag Manager<\/a><\/p>\n\n\n\n Useful stuff to create events<\/p>\n\n\n\n All the styles contains “ctc-analytics<\/strong>” class name to track clicks<\/p>\n\n\n\n To get the style name, for all the styles added a data attribute Create an Event When user Clicks on Chat Item<\/p>\n\n\n\n From Google Tag Manager<\/a> Container<\/p>\n\n\n\n Click on “Variables<\/strong>” from the left side menu<\/p>\n\n\n\n and at “Built in Variables<\/strong>” click on “Configure<\/strong>“<\/p>\n\n\n\n From the right side modal – at the Clicks<\/strong> select the click variables what needed. ( only one thing is important here is – “Click Classes<\/strong>” )<\/p>\n\n\n\n ( This is not an important step – this will be useful to get the clicked style number, In most cases if you added a floating style – you know what style is added, so what the use to get the style number, but in case if you added shortcodes or A\/B testing , this will be useful ) <\/p>\n\n\n\n To find which Style item is clicked, This plugins adds a data attribute with the style name –\u00a0data-style=”style-{{number}}”<\/strong>\u00a0<\/p>\n\n\n\n e.g. We will create a User-Defined Variable, to find the data attribute value<\/p>\n\n\n\n From “Variables<\/strong>” and at “User Defined Variables<\/strong>” click on “New<\/strong>“<\/p>\n\n\n\n Click on “Variable Configuration<\/strong>” area<\/p>\n\n\n\n and then select “Data Layer Variable<\/strong>“<\/p>\n\n\n\n And at the “Data Layer Variable Name<\/strong>“<\/p>\n\n\n\n Enter this “gtm.element.dataset.style<\/strong>“<\/p>\n\n\n\n gtm.element.dataset.style – this will give the style type. <\/p>\n\n\n\n Click on “Save<\/strong>“<\/p>\n\n\n\n Now we will create triggers where and when to fire ..<\/p>\n\n\n\n From the Right side menu – click on “Triggers<\/strong>” and click on “New<\/strong>“<\/p>\n\n\n\n And then Click on “Trigger Configuration<\/strong>” area<\/p>\n\n\n\n and at the “Click<\/strong>” section, select “All Elements<\/strong>“<\/p>\n\n\n\n Now click on “Some Clicks<\/strong>”\u00a0 ( we are tracking on clicks, where the clicked element contains “ctc-analytics” class )<\/p>\n\n\n\n and create a condition when to run this trigger<\/p>\n\n\n\n “Click Classes<\/strong>” – “Contains<\/strong>” – “ctc-analytics<\/strong>“<\/p>\n\n\n\n and click on “Save<\/strong>“<\/p>\n\n\n\n so far, we enabled click variables, and we created a trigger and set a condition where to fire the trigger<\/p>\n\n\n\n And now we will create a Tag – In this we will Configure what the details have to pass to Google Analytics Account.<\/p>\n\n\n\npre-requisites<\/h2>\n\n\n\n
Useful stuff<\/h2>\n\n\n\n
like – data-style=”style-{{number}}”
e.g. – data-style=”style-3″<\/strong> <\/p>\n\n\n\n![\"track](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/03\/Custom-Search-Engines-list-2-1-1.png\")
<\/figure>\n\n\n\nEnable Build in Click Variables<\/h2>\n\n\n\n
![\"enable](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/03\/enable_build_in_variables.png\")
<\/a><\/figure>\n\n\n\n![\"click](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/03\/click_events.png\")
<\/a><\/figure>\n\n\n\nCreate User-Defined Variables, to find data attribute value – ( To get the style number )<\/h2>\n\n\n\n
For Floating Styles – data-style=”style-3″<\/strong> <\/p>\n\n\n\n![\"new](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/03\/new_user_defined_variable.png\")
<\/a><\/figure>\n\n\n\n![\"select](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/03\/image-46.png\")
<\/a><\/figure>\n\n\n\n![\"\"](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2020\/05\/image-5.png\")
<\/figure>\n\n\n\nCreate Triggers<\/h2>\n\n\n\n
![\"new](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/03\/image-40.png\")
<\/a><\/figure>\n\n\n\n![\"select](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/03\/image-41.png\")
<\/a><\/figure>\n\n\n\n![\"\"](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2020\/05\/image-4.png\")
<\/figure>\n\n\n\nCreate Tags<\/h2>\n\n\n\n
![\"create](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/03\/image-43.png\")
<\/a><\/figure>\n\n\n\n
![\"create](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/03\/image-44.png\")
<\/a><\/figure>\n\n\n\n![\"\"](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2020\/05\/image-2.png\")
<\/figure>\n\n\n![\"\"](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2020\/05\/image-1.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2020\/05\/image-3-1024x204.png\")
<\/figure>\n\n\n\n![\"create](\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/03\/image-49.png\")
<\/a><\/figure>\n\n\n\n