npm 包 ember-google-adwords-remarketing 使用教程

介绍

ember-google-adwords-remarketing 是一个可以在 Ember.js 应用程序中使用 Google AdWords 重新营销标记的插件。它可以向你的 Google AdWords 账户发送信息,让其知道在你的网站上发生的某些特定事件,从而更好地针对广告进行定位。例如,可以通过在购物车中添加商品到购物车的事件,向 AdWords 发送信息,以更好地展示购物车相关的广告。

安装

要使用 ember-google-adwords-remarketing,需要使用 npm 进行安装:

--- ------- ---------- --------------------------------

用法

要使用 ember-google-adwords-remarketing,需要先设置一些变量和选项,然后将其与需要的事件一起使用。

账户设置

要设置您的 Google AdWords 账户,请在您的应用程序中包含 google-tag-manager.js,如下所示:

------ -----------------------------------------------------------------------

将 AW-XXXXXXXXXX 替换为您的 Google AdWords 帐户代码。

插件配置

您需要在插件中添加配置选项,包括您的 Google AdWords 帐户代码和事件。以下是示例设置:

-- ---------------------------

------ ------- ---- ----------------------
------ ----------- ---- ------------------------------------------------------

----- - -------- - - ------

------ ------- -------------------------- - -
  ---------- ------------------- - ------ ---------------- ---
  ------- ------------------- -
    ------ -
      ------------ -
        ------ ---
        --------- -
          ------------- ----------
          ----------- ---------
        -
      --
      ----------- -
        ------ ---
        --------- -
          ------------- ----------
          ----------- ---------
        -
      --
      ----------- -
        ------ -------
        --------- -
          ------------- ----------
          ----------- ---------
        -
      -
    --
  --
---

您可以根据需要添加其他事件和选项。请注意,accountId 应该是您的 Google AdWords 帐户代码,而 events 则应该包含您要跟踪的每个事件及其相关信息。

发送事件

要在您的应用程序中发送事件,您需要在调用代码中使用 sendRemarketingEvent 方法。以下是一个示例函数来发送添加到购物车事件的代码:

-- --------------------------------

------ --------- ---- -------------------

------ ------- ------------------
  -------- -
    --------------- -
      ------------------------------- -
        ----- ----
      ----------------- -- -
        ---------------------------------------
      ---
    -
  -
---

在这里,我们创建一个购物车项目,然后在成功保存时调用 sendRemarketingEvent 方法以发送添加到购物车事件信息。

指南意义

ember-google-adwords-remarketing 提供了一种让您更好地跟踪您的应用程序和 Google AdWords 之间交互的方法。通过定义事件,并使用插件向 Google 发送信息,您可以更好地定位和广告针对与您的应用程序相关的事件。

结论

在本教程中,我们介绍了 ember-google-adwords-remarketing 插件,并提供了一些示例代码和用法说明。您现在可以使用此插件来更好地追踪您的应用程序和 Google AdWords 帐户之间的交互,以更好地了解广告的定向和相关性。感谢您的阅读!

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600573a481e8991b448e99fc


猜你喜欢

  • npm 包 mistyep 使用教程

    前言 mistyep 是一个能够自动化生成项目文件夹结构的 npm 包,它为前端开发者提供了方便快捷的项目初始化方法。在这篇文章中,我们将介绍 mistyep 的基本使用方法、其特殊的配置选项以及如何...

    3 年前
  • npm 包 open-epsilon 使用教程

    前言 现如今,前端开发已经成为互联网开发领域中不可或缺的一部分,在前端开发中,有很多用于提高开发效率的工具和框架。其中,npm 是一款很实用的包管理工具,方便开发者管理项目中需要的第三方库。

    3 年前
  • 在前端领域轻松测试:使用 @pageobject/adapter-test-suite

    在现代前端开发过程中,自动化测试是至关重要的一环。尽管在前端开发中测试不同于传统的软件测试,但许多原则仍然奏效。测试不仅能够提高代码质量,减少 bug 数量,还能够帮助开发者尽早发现问题并及时修复它们...

    3 年前
  • npm 包 @pageobject/class 使用教程

    简介 @pageobject/class 是一款方便的 JavaScript 类组件库,它可以帮助前端开发者更高效地开发组件。它提供了一些有用的特性,如继承、多态,以及一个支持状态切换的生命周期。

    3 年前
  • npm 包 @pageobject/puppeteer-adapter 使用教程

    在前端开发中,我们经常需要进行自动化测试,以确保应用程序的功能的正确性和稳定性。现在,通过 npm 包 @pageobject/puppeteer-adapter,我们可以更轻松地完成这项工作。

    3 年前
  • npm 包 vibrant-colour-detection 使用教程

    前言 在前端开发过程中,颜色的运用是非常重要的一环。而颜色选择的好坏也会直接影响到用户对一个网站的评价。因此,在开发过程中对颜色的处理是需要我们认真对待的。而本文所介绍的 vibrant-colour...

    3 年前
  • npm 包 @pageobject/selenium-adapter 使用教程

    前言 在前端自动化测试领域,Selenium 是非常常用的测试工具之一,它可以模拟用户在浏览器中的各种操作来进行测试,并且支持多种编程语言的 API。但是,在使用 Selenium 进行测试的过程中,...

    3 年前
  • npm 包 bs-eventsource 使用教程

    在前端开发中,经常会涉及到从服务器获取数据的需求。而实时数据传输是一种非常高效的数据传输方式。现在,很多开发者使用 EventSource 在前端实现实时数据传输。

    3 年前
  • npm 包 @jluisvar/plazom 使用教程

    什么是 @jluisvar/plazom? @jluisvar/plazom 是一个可以将西班牙语单词转换成 Plazom 格式的 npm 包。Plazom 是一种受欢迎的西班牙语方言,它将单词中的元...

    3 年前
  • npm 包 argo-entities 使用教程

    什么是 argo-entities argo-entities 是一个用于处理前端实体定义的 npm 包。它提供了一个实体定义语言(EDL)和一个库,用于解析和操作 EDL 文件和定义的实体。

    3 年前
  • npm 包 @jincor-tech/verify-ts-client 使用教程

    前言 随着区块链技术的发展和应用越来越广泛,使用 JavaScript 开发区块链应用的开发者增多了。当我们开发一个区块链应用时,经常需要在前端进行账户信息及交易签名等敏感操作。

    3 年前
  • npm 包 cg-enum 使用教程

    在前端开发中,经常需要使用枚举来声明一些常量。但是在 JavaScript 中,没有原生的枚举类型,导致开发者需要写大量的常量定义代码,并且使用容易出错。为了解决这个问题,我们可以使用 npm 包 c...

    3 年前
  • npm包bragg-load-config使用教程

    介绍 bragg-load-config是一个npm包,它可以帮助前端开发者加载配置文件并将其转换为JavaScript对象。这个包的优点是简单易用且可以在不同的项目中重复使用。

    3 年前
  • npm包 Ganesha 使用教程

    Ganesha 是一个为前端开发人员提供的工具包,它提供了很多有用的功能,例如头像生成、二维码生成、随机字符串生成、颜色选取器等等。它可以在 Node.js 和浏览器中使用。

    3 年前
  • npm 包 table-progress-mohammad 使用教程

    npm 是一个广泛使用的 JavaScript 包管理器,可用于共享和重复使用代码。在前端领域,有许多 npm 包可以帮助提高工作效率和代码质量。本篇教程将介绍一个名为“table-progress-...

    3 年前
  • npm 包 @blazingedge/update 使用教程

    在前端开发中,我们时常需要更新一个对象中的某些属性或者添加新属性。而这个过程是比较麻烦和易错的,特别是当我们需要在项目中频繁地修改对象时。@blazingedge/update 这个 npm 包就提供...

    3 年前
  • npm 包 agh.sprintf 使用教程

    前言 在前端开发中,我们经常需要对字符串进行格式化操作,例如填充变量、数值格式化等。针对这种需求,有一种非常优秀的 npm 包 agh.sprintf,它是一个小巧的字符串格式化工具,使用方便,支持多...

    3 年前
  • npm 包 browser-installations 使用教程

    当我们在开发 Web 应用程序时,经常需要检测用户的浏览器和浏览器版本,并在不同的浏览器中提供不同的体验。然而,这并不容易实现,因为用户可以使用各种不同种类的浏览器,每个浏览器版本的支持也不一样。

    3 年前
  • npm 包 eth-net-type 使用教程

    简介 在以太坊区块链系统中,节点会根据网络的不同而运行在不同的链上,例如主链、测试链等。这些链的网络类型就是 netVersion,它是一个长度为6的字符串,由数字和字母组成,不同类型的网络对应不同的...

    3 年前
  • npm 包 feathers-authentication-publickey 使用教程

    在现代 Web 应用中,安全问题一直是前端开发中最为关键的问题。为了保障应用的安全,前后端都需要采取一定的安全措施。而密钥认证 (Public Key Authentication) 就是一种比较流行...

    3 年前

相关推荐

    暂无文章