在移动应用开发中，跟踪应用的广告转化率是很重要的一项工作。如果将自己的产品广告投放到 Google AdWords 上，可以使用 cordova-plugin-google-conversion-tracker 这个 npm 包来实现跟踪代码的集成，以便生成转化数据和提高广告效果。本文将详细介绍如何在 cordova 项目中使用该 npm 包，同时提供代码示例以及指导意义。
何为 cordova-plugin-google-conversion-tracker
cordova-plugin-google-conversion-tracker 是一个 Cordova 插件，主要用于集成 Google AdWords 跟踪代码（conversion tracking code）。使用该插件可以方便地查看广告投放效果，并对广告进行优化。该插件提供了以下功能：
- 转化追踪页面的测量
- 转化数据的记录，包括收入、数量和价值等
- 您可以使用自动或手动模式来跟踪转化
安装 cordova-plugin-google-conversion-tracker
安装 cordova-plugin-google-conversion-tracker 的方法如下：
cordova plugin add cordova-plugin-google-conversion-tracker
安装成功后，可以在 config.xml 文件中添加以下代码来设置 conversion ID 和 conversion Label：
<!-- Google AdWords Conversion Tracking --> <plugin name="cordova-plugin-google-conversion-tracker" spec="1.1.0" /> <preference name="GOOGLE_CONVERSION_ID" value="YOUR_CONVERSION_ID" /> <preference name="GOOGLE_CONVERSION_LABEL" value="YOUR_CONVERSION_LABEL" />
在这里，YOUR_CONVERSION_ID 和 YOUR_CONVERSION_LABEL 是从 Google AdWords 界面中获取到的转化 ID 和转化标签的值。
使用 cordova-plugin-google-conversion-tracker
使用 cordova-plugin-google-conversion-tracker 进行转化追踪的步骤如下：
首先，在您要跟踪的页面上添加跟踪代码。您可以在页面的 deviceready 事件中调用 Cordova 插件，如下所示：
-- -------------------- ---- -------
---------------------------------------- ---------- -
----------------------------------------
--------------- -------------------
------------------ ----------------------
--------------- -----
------- -
------------- ------- ------
-
---
-- -------在这里，您需要将 YOUR_CONVERSION_ID 和 YOUR_CONVERSION_LABEL 替换为实际的值。isRepeatable 参数表示转化是否可以多次跟踪；data 参数则允许您在 conversion pixel 中添加自定义标签。
同时，您还需要在应用的 config.xml 文件中添加以下代码：
<access origin="*.googleadservices.com" subdomains="true"/>
这将允许您从应用中访问 Google 的转化追踪服务。
最后，在您的 Google AdWords 账户中确认转化像素是否显示正确，并检查配置是否正确。
示例代码
下面是使用 cordova-plugin-google-conversion-tracker 的完整示例代码：
-- -------------------- ---- -------
--------- -----
------
------
---
-------
------
------- --------------------------
--------
---------------------------------------- ---------- -
----------------------------------------
--------------- -------------------
------------------ ----------------------
--------------- -----
------- -
------------- ------- ------
-
---
-- -------
---------
-------
-------总结
使用 cordova-plugin-google-conversion-tracker 作为您的移动应用的跟踪代码，可以方便地查看广告投放效果，并对广告进行优化。借助本文提供的安装和使用该插件的步骤，您可以轻松地将其集成到 Cordova 项目中，并实现移动应用的转化追踪。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055abe81e8991b448d858c