我正在尝试找出为Javascript小部件进行跟踪的最佳方法。我在一个非营利组织工作,编写了一个Javascript小部件,网站可以将其嵌入到他们的网站中。他们放置在网站上的代码片段有一个小部件容器(一个div),它会加载我们的.js文件。我们的.js文件使用HTML填充容器以显示图像和一些信息。
我想能够在其他网站上跟踪此小部件的使用情况以及它被加载(查看)的次数。我们在自己的网站上使用Google Analytics,所以这似乎是最有效的方式。我不想在小部件中嵌入我们的GA代码,因为那很可能会破坏其他网站可能正在进行的任何GA跟踪。
我的想法是包含一个隐藏的iframe,该iframe会加载我们网站上的跟踪页面,并且跟踪页面会有正确的GA代码。例如: usersite.com在其页面上嵌入了我们的小部件。 .js文件来自mycompany.org/js/widget.js widget.js在usersite.com上创建了一个隐藏的iframe(在我们的div中),该iframe加载mycompany.org/js/trackingpage.html(也许它包括一些参数,如domain=usersite.com之类的东西,跟踪页面上的js可以解析并记录到GA中),并且trackingpage.html具有我们的GA代码来注册小部件已被使用。
这似乎是解决此问题的简单方法。这是否是合理的方法?还是有更好的方法?
我想能够在其他网站上跟踪此小部件的使用情况以及它被加载(查看)的次数。我们在自己的网站上使用Google Analytics,所以这似乎是最有效的方式。我不想在小部件中嵌入我们的GA代码,因为那很可能会破坏其他网站可能正在进行的任何GA跟踪。
我的想法是包含一个隐藏的iframe,该iframe会加载我们网站上的跟踪页面,并且跟踪页面会有正确的GA代码。例如: usersite.com在其页面上嵌入了我们的小部件。 .js文件来自mycompany.org/js/widget.js widget.js在usersite.com上创建了一个隐藏的iframe(在我们的div中),该iframe加载mycompany.org/js/trackingpage.html(也许它包括一些参数,如domain=usersite.com之类的东西,跟踪页面上的js可以解析并记录到GA中),并且trackingpage.html具有我们的GA代码来注册小部件已被使用。
这似乎是解决此问题的简单方法。这是否是合理的方法?还是有更好的方法?