{"version":"1.0","provider_name":"Jui-Nan Lin&#039;s Blog","provider_url":"https:\/\/jnlin.org","author_name":"jnlin","author_url":"https:\/\/jnlin.org\/author\/jnlin\/","title":"Google Tag Manager \u7c21\u4ecb (2) - \u5efa\u7acb\u8b8a\u6578\u8207\u81ea\u8a02\u4e8b\u4ef6","html":"<a href=\"http:\/\/jnlin.org\/2015\/08\/23\/737\/\">\u4e0a\u4e00\u7bc7\u6587\u7ae0<\/a>\u4e2d\uff0c\u6211\u5011\u5efa\u7acb\u4e86\u7c21\u55ae\u7684\u4e8b\u4ef6\u3002\u4f46\u9664\u4e86 PV \u4e4b\u5916\uff0c\u6211\u5011\u9084\u8981\u8ffd\u8e64\u7db2\u7ad9\u4e0a\u5143\u7d20\u7684\u9ede\u64ca\uff0c\u6216\u662f\u5176\u4ed6\u7279\u6b8a\u7684\u4e8b\u4ef6\u3002Google Tag Manager \u5df2\u7d93\u6709\u5167\u5efa\u4e00\u4e9b\u8b8a\u6578\uff0c\u53ef\u4ee5\u6307\u5b9a\u689d\u4ef6\uff0c\u8b93\u6211\u5011\u4e0d\u9700\u8981\u5beb\u7a0b\u5f0f\u5c31\u80fd\u8ffd\u8e64\u90e8\u4efd\u7684\u4e8b\u4ef6\u3002\r\n\r\n\u6211\u5011\u5fc5\u9808\u5230\u300c\u8b8a\u6578\u300d\u9019\u500b Tab \u53bb\u555f\u7528\u9019\u4e9b\u5167\u5efa\u7684\u8b8a\u6578\u3002\r\n\r\n\u76ee\u524d\u652f\u63f4\u7684\u8b8a\u6578\u5217\u8868\u5982\u4e0b\uff1a\r\n<ul>\r\n<li>Page URL<ul>\r\n <li>Page Hostname<\/li>\r\n <li>Page Path<\/li>\r\n <li>Referrer<\/li><\/ul>\r\n<\/li><li>\u516c\u7528\u7a0b\u5f0f<ul>\r\n <li>Event<\/li>\r\n <li>Container ID<\/li>\r\n <li>Container Version<\/li>\r\n <li>Random Number<\/li>\r\n <li>HTML ID<\/li><\/ul>\r\n<\/li><li>\u932f\u8aa4<ul>\r\n <li>Error Message<\/li>\r\n <li>Error URL<\/li>\r\n <li>Error Line<\/li>\r\n <li>Debug Mode<\/li><\/ul><\/li>\r\n<li>\u9ede\u64ca<ul>\r\n <li>Click Element<\/li>\r\n <li>Click Classes<\/li>\r\n <li>Click ID<\/li>\r\n <li>Click Target<\/li>\r\n <li>Click URL<\/li>\r\n <li>Click Text<\/li><\/ul><\/li>\r\n<li>\u8868\u55ae<ul>\r\n <li>Form Element<\/li>\r\n <li>Form Classes<\/li>\r\n <li>Form ID<\/li>\r\n <li>Form Target<\/li>\r\n <li>Form URL<\/li>\r\n <li>Form Text<\/li><\/ul><\/li>\r\n<li>\u6b77\u53f2\u7d00\u9304<ul>\r\n <li>New History Fragment<\/li>\r\n <li>Old History Fragment<\/li>\r\n <li>New History State<\/li>\r\n <li>Old History State<\/li>\r\n <li>History Source<\/li><\/ul><\/li>\r\n<\/ul>\r\n\r\n\u4ee5\u4e0b\u6211\u5011\u4ee5\u300c\u7576\u4f7f\u7528\u8005\u9ede\u64ca\u9801\u9762\u4e0a id \u70ba \"to-be-clicked\" \u7684\u7269\u4ef6\u300d\u70ba\u4f8b\uff0c\u5efa\u7acb\u4e00\u500b\u4e8b\u4ef6\uff1a\r\n\r\n1. \u9996\u5148\u5230\u300c\u8b8a\u6578\u300d\uff0c\u555f\u7528\u300cClick ID\u300d\u9019\u500b\u8b8a\u6578\u3002\r\n<a href=\"http:\/\/jnlin.pixnet.net\/album\/photo\/154068874-%e8%9e%a2%e5%b9%95%e6%88%aa%e5%9c%96-2015-10-06-17.40.32.png\"><img src=\"\/\/ext.pimg.tw\/jnlin\/1444124532-3618959194_m.png?v=1444124548\"\/><\/a>\r\n\r\n2. \u65b0\u589e\u4e00\u500b\u300c\u89f8\u767c\u689d\u4ef6\u300d\uff0c\u4e8b\u4ef6\u985e\u578b\u70ba\u300c\u9ede\u64ca\u300d\uff0c\u89f8\u767c\u689d\u4ef6\u70ba\u300c\u6240\u6709\u5143\u7d20\u300d\uff0c\u555f\u52d5\u6642\u6a5f\u70ba\u300c\u90e8\u5206\u9ede\u64ca\u300d\u3002\u63a5\u8457\u5728\u555f\u52d5\u6642\u6a5f\u5167\u8a2d\u5b9a\u689d\u4ef6\u70ba\u300cClick ID \u7b49\u65bc \"to-be-clicked\"\u300d\u3002\r\n<a href=\"http:\/\/jnlin.pixnet.net\/album\/photo\/154068886-%e8%9e%a2%e5%b9%95%e6%88%aa%e5%9c%96-2015-10-06-17.45.42.png\"><img src=\"\/\/ext.pimg.tw\/jnlin\/1444124768-624705331_m.png?v=1444124777\"\/><\/a>\r\n\r\n3. \u65b0\u589e\u4e00\u500b\u300c\u4ee3\u78bc\u300d\uff0c\u6307\u5b9a\u8a72\u300c\u89f8\u767c\u689d\u4ef6\u300d\u8981\u767c\u51fa\u7684 Event \u5167\u5bb9\u8207\u8981\u8a18\u9304\u5230\u7684 Google Analytics ID\u3002\r\n\r\n\u5982\u679c\u6211\u5011\u60f3\u8a2d\u5b9a\u7684\u8b8a\u6578\u4e0d\u5728\u9810\u8a2d\u5217\u8868\u4e2d\uff0c\u4e5f\u53ef\u4ee5\u7528\u7a0b\u5f0f\u81ea\u8a02\u4e00\u500b\u8b8a\u6578\u3002\u4f5c\u6cd5\u5982\u4e0b\uff1a\r\n\r\n1. \u65b0\u589e\u4e00\u500b\u300c\u4f7f\u7528\u8005\u5b9a\u7fa9\u7684\u8b8a\u6578\u300d\uff0c\u985e\u578b\u9078\u64c7\u300c\u81ea\u8a02 javascript\u300d\u3002\r\n\r\n2. \u8f38\u5165\u4e00\u500b javascript \u51fd\u5f0f\uff0c\u50b3\u56de\u503c\u70ba\u8b8a\u6578\u503c\u3002\u4f8b\u5982\uff1a\r\n<code>\r\nfunction () {return $('body').data('state'); }\r\n<\/code>\r\n\u8868\u793a\u50b3\u56de &lt;body&gt; \u7684 state \u9019\u500b data attribute\u3002\r\n\r\n\u53e6\u5916\uff0c\u6211\u5011\u4e5f\u53ef\u4ee5\u5728\u7a0b\u5f0f\u88e1\u9762\u89f8\u767c Tag Manager \u7684\u81ea\u8a02\u4e8b\u4ef6\u3002\u9996\u5148\u5148\u5efa\u7acb\u4e00\u500b\u89f8\u767c\u689d\u4ef6\uff0c\u9078\u64c7\u300c\u81ea\u8a02\u4e8b\u4ef6\u300d\uff1a\r\n<a href=\"http:\/\/jnlin.pixnet.net\/album\/photo\/154073059-%e8%9e%a2%e5%b9%95%e6%88%aa%e5%9c%96-2015-10-07-08.20.23.png\"><img src=\"\/\/ext.pimg.tw\/jnlin\/1444177261-1874735117_m.png?v=1444177269\"\/><\/a>\r\n\r\n\u63a5\u8457\u5728\u7a0b\u5f0f\u5167\u89f8\u767c\u6b64\u4e8b\u4ef6\uff1a\r\n<code>\r\ndataLayer.push({\"event\": \"custom-event\"});\r\n<\/code>","type":"rich"}