Met de komst van een CMS als Joomla werd er tijd bespaard voor de developers. Niet langer hoefde zij nieuwe teksten te plaatsen. De marketeer kon dat direct zelf doen. Hetzelfde geldt voor Google Tag Manager. Niet langer hoeft de developer aan de slag om weer een stukje javascript te plaatsen, zodat de marketeer kan meten hoe vaak op een bepaalde button geklikt werd. Dat kan de marketeer nu mooi zelf doen vanuit Google Tag Manager. In deze presentatie leggen Miranda Vos en Hans Kuijpers afwisselend uit wat Google Tag Manager is en hoe je zelf aan de slag kunt gaan.

1. @byte_internet #jd14nl 23 maart 2014
Google Tag Manager
Miranda Vos en Hans Kuijpers
@byte_internet #jd14nl

2. @byte_internet #jd14nl 23 maart 2014
Google Tag Manager
Miranda Vos en Hans Kuijpers
slideshare.net/byte_internet/google-tag-manager
@byte_internet #jd14nl

3. @byte_internet #jd14nl 23 maart 2014
Ik ben Miranda Vos

4. @byte_internet #jd14nl 23 maart 2014
Ik ben Hans Kuijpers

5. @byte_internet #jd14nl 23 maart 2014

6. @byte_internet #jd14nl 23 maart 2014

7. @byte_internet #jd14nl 23 maart 2014
Google Analytics
Google CSE
AdWords Remarketing Tags
(elke pagina anders)
Google Analytics
Google CSE
AdWords Conversion Tracking Tag
Adwords Remarketing Tag
Google Analytics
Google CSE
Thank you
page
Product
page
Home
page
Google Tag Manager
Google Tag Manager
Google Tag Manager
Thank you
page
Product
page
Home
page
Website met veel hard-coded tags Website na installatie Google Tag Manager

8. @byte_internet #jd14nl 23 maart 2014

9. @byte_internet #jd14nl 23 maart 2014

10. @byte_internet #jd14nl 23 maart 2014

11. @byte_internet #jd14nl 23 maart 2014

12. @byte_internet #jd14nl 23 maart 2014

13. @byte_internet #jd14nl 23 maart 2014

14. @byte_internet #jd14nl 23 maart 2014
Eerste tag aanmaken

15. @byte_internet #jd14nl 23 maart 2014

16. @byte_internet #jd14nl 23 maart 2014

17. @byte_internet #jd14nl 23 maart 2014

18. @byte_internet #jd14nl 23 maart 2014

19. @byte_internet #jd14nl 23 maart 2014

20. @byte_internet #jd14nl 23 maart 2014

21. @byte_internet #jd14nl 23 maart 2014

22. @byte_internet #jd14nl 23 maart 2014

23. @byte_internet #jd14nl 23 maart 2014

24. @byte_internet #jd14nl 23 maart 2014

25. @byte_internet #jd14nl 23 maart 2014

26. @byte_internet #jd14nl 23 maart 2014

27. @byte_internet #jd14nl 23 maart 2014

28. @byte_internet #jd14nl 23 maart 2014
Tag wijzigen
404 links herschrijven

29. @byte_internet #jd14nl 23 maart 2014

30. @byte_internet #jd14nl 23 maart 2014

31. @byte_internet #jd14nl 23 maart 2014

32. @byte_internet #jd14nl 23 maart 2014

33. @byte_internet #jd14nl 23 maart 2014

34. @byte_internet #jd14nl 23 maart 2014

35. @byte_internet #jd14nl 23 maart 2014

36. @byte_internet #jd14nl 23 maart 2014

37. @byte_internet #jd14nl 23 maart 2014
Leuk, maar hoe
in Joomla?

38. @byte_internet #jd14nl 23 maart 2014

39. @byte_internet #jd14nl 23 maart 2014

40. @byte_internet #jd14nl 23 maart 2014

41. @byte_internet #jd14nl 23 maart 2014

42. @byte_internet #jd14nl 23 maart 2014

43. @byte_internet #jd14nl 23 maart 2014

44. @byte_internet #jd14nl 23 maart 2014

45. @byte_internet #jd14nl 23 maart 2014

46. @byte_internet #jd14nl 23 maart 2014

47. @byte_internet #jd14nl 23 maart 2014

48. @byte_internet #jd14nl 23 maart 2014
PDF downloads meten

49. @byte_internet #jd14nl 23 maart 2014
Oude situatie
<a href=”images/downloads/my-file.pdf”>
Download my file</a>
!
add _trackEvent code
!
<a href=”pdfs/my-file.pdf” target=”_blank” onclick=”_gaq.push(['_trackEvent','Download',
'PDF',this.href]);”>Download my file</a>

50. @byte_internet #jd14nl 23 maart 2014
<script type="text/javascript">
if (typeof jQuery != 'undefined') {
jQuery(document).ready(function($) {
var filetypes = /.(zip|exe|pdf|doc*|xls*|ppt*|mp3)$/i;
var baseHref = '';
if (jQuery('base').attr('href') != undefined)
baseHref = jQuery('base').attr('href');
jQuery('a').each(function() {
var href = jQuery(this).attr('href');
if (href && (href.match(/^https?:/i)) && (!href.match(document.domain))) {
jQuery(this).click(function() {
var extLink = href.replace(/^https?:///i, '');
_gaq.push(['_trackEvent', 'External', 'Click', extLink]);
if (jQuery(this).attr('target') != undefined &&
jQuery(this).attr('target').toLowerCase() != '_blank') {
setTimeout(function() { location.href = href; }, 200);
return false;
}
});
}
else if (href && href.match(/^mailto:/i)) {
jQuery(this).click(function() {
var mailLink = href.replace(/^mailto:/i, '');
_gaq.push(['_trackEvent', 'Email', 'Click', mailLink]);
});
}
else if (href && href.match(filetypes)) {
jQuery(this).click(function() {
var extension = (/[.]/.exec(href)) ? /[^.]+$/.exec(href) : undefined;
var filePath = href;
_gaq.push(['_trackEvent', 'Download', 'Click-' + extension, filePath]);
if (jQuery(this).attr('target') != undefined &&
jQuery(this).attr('target').toLowerCase() != '_blank') {
setTimeout(function() { location.href = baseHref + href; }, 200);
return false;
}
});
}
});
});
}
</script>

51. @byte_internet #jd14nl 23 maart 2014

52. @byte_internet #jd14nl 23 maart 2014

53. @byte_internet #jd14nl 23 maart 2014

54. @byte_internet #jd14nl 23 maart 2014

55. @byte_internet #jd14nl 23 maart 2014

56. @byte_internet #jd14nl 23 maart 2014

57. @byte_internet #jd14nl 23 maart 2014

58. @byte_internet #jd14nl 23 maart 2014
Joomla! search
Wordpress Search
Mediawiki Search
www.google.com/cse

59. @byte_internet #jd14nl 23 maart 2014
Mediawiki
Wordpress
Joomla!

60. @byte_internet #jd14nl 23 maart 2014

61. @byte_internet #jd14nl 23 maart 2014

62. @byte_internet #jd14nl 23 maart 2014

63. @byte_internet #jd14nl 23 maart 2014

64. @byte_internet #jd14nl 23 maart 2014

65. @byte_internet #jd14nl 23 maart 2014

66. @byte_internet #jd14nl 23 maart 2014

67. @byte_internet #jd14nl 23 maart 2014
Dank je wel…
Miranda Vos en Hans Kuijpers
slideshare.net/byte_internet/google-tag-manager
@byte_internet #jd14nl