如何将 Google Ad Manager 的代码转换(Nodejs相关)

如何将 Google Ad Manager 的代码转换(Nodejs相关)

下面是 google ad manager 给的代码

<script async src=“https://securepubads.g.doubleclick.net/tag/js/gpt.js”></script> <script>

window.googletag = window.googletag || {cmd: []};

googletag.cmd.push(function() {

googletag.defineSlot(’/22754056368/ad’, [‘fluid’], ‘div-gpt-ad-1654480000000-0’).addService(googletag.pubads());

googletag.pubads().enableSingleRequest();

googletag.enableServices();

});

</script>

<script>

googletag.cmd.push(function() { googletag.display(‘div-gpt-ad-1654480000000-0’); });

</script>

下面是我的 Ad.tsx 现在调用的 google adsense 的代码。我不会怎么转换成 google ad manager 的代码格式。

import React from 'react';

export default class Ad extends React.Component {

componentDidMount() {

((window as any).adsbygoogle = (window as any).adsbygoogle || []).push({});

}

render() {

return (

<ins

className=“adsbygoogle gri-bg”

style={{

display: ‘inline-block’,

width: ‘728px’,

height: ‘90px’,

margin: ‘auto’,

}}

data-ad-client=“ca-pub-188581000000000”

data-ad-slot=“8997313303”

data-ad-channel=“7806398678”

/>{’ '}

);

}

}

解决问题是将我的 Ad.tsx 文件中的广告代码替换成 google ad manager 的代码。我在头部已经加载了<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> 如果能解决愿意支付 200 相关文档,可能不准,可以自己找。

https://medium.com/js-dojo/how-to-implement-dfp-doubleclick-for-publishers-in-react-js-vue-js-and-amp-653bd31c6e43


1 回复

要将Google Ad Manager(现称为Google Ad Manager 360,或简称GAM)的代码与Node.js集成或转换,通常涉及与GAM API的交互。以下是一个简要的步骤指南和示例代码,展示如何使用Node.js调用GAM API。

步骤:

  1. 设置Google Cloud项目

    • 创建一个Google Cloud项目。
    • 启用Ad Manager API。
    • 创建OAuth 2.0客户端ID,并下载客户端密钥JSON文件。
  2. 安装Node.js和必要的库

    • 安装Node.js和npm(Node包管理器)。
    • 使用npm install google-auth-library@5.x安装Google认证库。
    • 使用npm install axios安装HTTP客户端库。
  3. 编写代码

const {google} = require('googleapis');
const axios = require('axios');
const fs = require('fs');

// 加载Google Cloud凭据
const key = require('./path/to/your-service-account-file.json');
const auth = new google.auth.JWT(
  key.client_email,
  null,
  key.private_key,
  ['https://www.googleapis.com/auth/admanager'],
  null
);

auth.authorize(function(err, tokens) {
  if (err) {
    console.log(err);
    return;
  }
  // 在这里添加你的API调用逻辑,例如使用axios发送HTTP请求到GAM API
});

注意事项:

  • 确保你使用的API端点和参数符合Google Ad Manager API的文档。
  • 处理API响应和错误。
  • 考虑到安全性和性能,不要在代码中硬编码敏感信息。

这只是一个起点,具体实现将取决于你希望与GAM API交互的具体操作。

回到顶部