你好！大家好，我是小蚂蚁。

微信小游戏制作工具目前支持添加所有类型的原生广告（单网格、单行网格、网格矩阵）。本教程将详细介绍原生广告的接入方法。

创建原生模板广告

创建广告位时选择【原生模板广告】。

原生模板广告有两种类型：横幅广告和网格广告。 就是以前的广告，现在已经合并到原生模板广告中了。这里我们重点关注网格广告。

网格广告根据显示的网格数量分为三种类型。

单格

多个网格（一排网格）

矩阵晶格

每种类型的网格广告都可以设置属性，比如广告的尺寸（更大或者更小）、广告的显示颜色（深色或者浅色）等，在右侧的属性栏中设置不同的属性，一个中间的显示区域会直接显示调整属性后的效果。

创建广告后，您可以获得广告位ID。例如，下面我创建了四个原生模板广告。

点击相应广告后面的【编辑】按钮，可以在后台随时修改广告的属性。例如，我最初制作了一个浅色背景的广告，但后来在游戏中发现深色更适合游戏。这时候我可以去后台找到广告，直接将其背景颜色属性修改为深色。修改属性后，需要等待10分钟才能生效。

将广告融入游戏中

在微信小游戏制作工具中，要接入原生广告，需要使用【小游戏】类别中的原生广告积木。

该构建块共有三个参数。前两个参数用于设置广告在屏幕上的显示位置，最后一个参数用于填写广告位ID。

接下来我们重点关注一下原生广告的坐标位置设置。

原生广告的尺寸是固定的，每种类型的广告尺寸都不同。具体尺寸请查看官方文档：小程序原生模板广告文档（下方二维码可直接获取）

如何查看并计算对应广告的尺寸？举个简单的例子，上图是文档中的单网格模板。单格模板有两种风格，常规风格和卡片风格。两种风格的广告尺寸不同。除了样式之外，我们在后台创建广告的时候，还可以在属性中设置广告的大小。有 80%、90%、100% 三个选项。假设我们创建一个卡片式单单元广告并将其大小设置为 80%。该广告的最终尺寸为卡片式广告尺寸68 x 106，然后乘以80%，最终尺寸为54.4x84.8。

通过上面的计算，我们肯定可以知道原生广告要展示的尺寸。接下来我们要做的就是如何将已知尺寸的广告展示在精确的位置。

我们都知道，不同的手机屏幕尺寸是不同的。假设我们想在屏幕底部显示一行网格广告。我们应该怎样做呢？设置固定值作为广告展示的坐标？这是不可行的，因为不同的屏幕具有不同的长度。如果设置固定值，广告将显示在屏幕 A 的底部，但在较长的屏幕 B 上不会显示在底部，这可能会阻塞游戏。区域。

那么该怎么办呢？我们已经知道单行网格广告的具体尺寸值。如果我们能够知道当前屏幕的具体高度，我们就可以利用屏幕的高度和单行网格广告的高度来计算出广告的具体展示位置，并保证在所有尺寸下都能展示。广告显示在屏幕底部。

广告的高度h是已知的（可以在文档中找到）。现在我们只需要知道当前设备的屏幕高度H即可。

微信小游戏制作工具提供了获取场景宽度和高度的积木。该构建块位于[检测]类别中。使用此构建块获取当前设备屏幕（即场景）的宽度和高度。

需要注意的是，积木得到的场景的宽度和高度并不是最终游戏显示区域的宽度和高度。

游戏显示区域的宽度和高度与场景的宽度和高度具有上述换算关系。由于原生广告会在游戏区域展示，因此需要获取的屏幕高度H指的是游戏展示区域的高度，即场景高度/2。

最后，我们还需要了解一个关键信息。所有原生模板广告的位置均以左上角为基准。

如图所示，无论什么类型的原生广告，我们设置的位置都是指广告左上角的点的位置。

了解所有必要的数据后，我们就可以设置不同类型的广告位置。

下图展示了我在真实设备上测试的不同类型的原生广告。

举例说明如何计算具体的广告排名。

1、右侧单格广告为卡片式，大小设置为80%。

根据文档，最终的广告尺寸可以计算为：54.4 x 84.8。

知道了场景的宽度和广告的宽度，就很容易计算出广告的X坐标位置=场景宽度/4 - 54.4（注意场景宽度要除以4，因为需要换算成游戏显示区域的宽度）。

2、下面的单行网格广告横向布局，大小设置为90%。

根据文档可以计算出最终展示的广告尺寸为0.4。

知道了广告的宽度、高度和场景高度，我们可以计算出广告的X坐标=-162，广告的Y坐标=-场景高度/4+95.4。

其他广告位的展示计算方法类似。学会方法后你可以自己计算一下。不懂的话就画个图吧。图片往往更直观、更容易理解。

最后，您可能会发现在最终设备上显示的屏幕截图中，某些广告的位置并不理想。例如，右侧单格广告的右侧运行在屏幕之外，而矩阵广告的左侧则靠近屏幕左侧。屏幕中间没有任何显示。对于这些问题，可以通过设置数值进行一些微调。

以下是我使用的广告位置值，仅供参考。单格广告与屏幕两侧留有一点距离。下面的单行网格稍微向上凸起，以避免遮挡下面的文字。矩阵网格显示在屏幕中央。

注意事项

最后，几点注意事项：

1、一个广告ID只能请求一个广告。如果您想在游戏中同时展示两个单帧广告，则需要创建两个原生广告并获取两个广告ID。多面板广告也是如此。如果您希望在屏幕顶部和底部同时展示多面板广告，则需要制作两个原生广告。

2.原生广告会定期自动刷新，无需手动重复调用积木。

3、多个原生广告在同一位置展示时，广告会重叠。原生广告展示后不会自动关闭。您只能使用积木来关闭广告。我们需要设置游戏中广告的展示和关闭时机。比如跳转场景时，关闭原生广告，尽量避免广告重叠展示。

4、原生广告需要上传游戏后使用试用版在真机上进行测试，无法使用预览版进行测试。

希望这篇文章对您有用！

欢迎关注我的微信公众号【小蚂蚁教你做游戏】，即可领取原创游戏开发学习路线和教程资料合集。