作者 Google 广告管理系统小组 李小轲

1. 高效使用网站广告闲置资源
2. 启用 AdSense 补余的前提条件
3. 直接补余
4. 频次补余
5. 地理位置补余
6. 时间和日期补余
7. 流量切割补余


通过 Google 广告管理系统，我们可以将内部广告展示需求定义为在特定时间跨度内达到具体的展示量（如在30天之内展示100万次的内部广告），剩余的流量将自动展示AdSense广告。

下面，我来介绍一下如何配置流量切割补余。

- 登录系统，点击“订单”，点击创建新的订单，或者选中您希望继续使用的订单

- 点击“新订单项”来创建新的订单项

- 进入新订单项界面（我在此处介绍的是针对流量切割补余的特定操作；关于界面上其他选项的配置，请参照我在之前的介绍），在“投放优先级”一栏中选择“优先”；指定此广告订单的时间跨度；在“定价类型”中选择“每千次展示费用”。在“数量”一栏中输入您希望展示的数量，如100万次。最后选择订单希望投放的广告位置



- 在“投放选项”一栏中，我们可以设置此100万广告展示量的投放速度。下面，我用示例来说明它的用途：假设我需要投放广告的广告位一天平均有10万的展示量；现在我的订单设置投放30天，展示需求为100万。

• 如果选择“尽快”：系统会从订单规定的时间开始展示此广告，直到100万展示完成为止。考虑到每天平均10万的流量，所以100万展示需求基本在第10天可以完成，剩下的20天将会自动展示AdSense广告
• 如果选择“均匀”：系统会根据之前此广告位的流量自动平均分配100万的广告展示需求，在此例中平均每天展示3.3万次。所以一天中剩下的流量（平均7.7万次）将自动展示 AdSense 的广告。

- 点击最下方的“保存”完成订单项的配置。如果您是刚刚使用此系统来管理网站旗下广告位置，您可能会看见如下所示的“超量预订”提示信息。这是因为系统提供了一套非常智能化的流量预测功能，它会基于此广告位置前的流量来预测您的订单所需要的流量在未来一段时间内能否被满足。它非常适用于进行CPM购买的广告。出现提示信息的原因是因为系统刚刚开始管理此广告位，缺少对此广告位流量的历史信息。所以，如果您预计网站流量可以满足订单需求，则可以对广告系列进行“超量预订”。



在配置完成订单项之后，接下来，您可以按照之前介绍的方法完成剩余的素材配置。

On Monday, Beau posted about our effort to update the docs for MT 4.3. Today I'm coming to you with information on one of our new features — the entry asset manager.

An Easier Way

Up until now, the only way to associate an image with an entry was to place it in the entry body. Upon save, Movable Type would write that association to the database. In order to do this, there a form tag was placed around the image (that was stripped out when you published), which was confusing to many. In 4.3, we decided to make this relationship clearer and easier to manage.

As you can see to your right, every image associated with this entry is listed in a new sidebar widget on the edit entry page. Hovering over the image shows you a thumbnail. Clicking on 'Add New' in the widget only adds the image to the list, not the entry body. This means you can now use the mt:EntryAssets tag to access assets without inserting them into the entry body.

Of course, you can still add images to the entry body, but now they won't have that ugly form tag. Not only is this easier for beginners, but it has the side effect of greatly improved performance of the rich text editor (RTE) in modern browsers. Resizing and moving photos inside the RTE is now a breeze in browsers like Firefox.

So What Can I Do With It? Slideshows

Oftentimes you want to create a slideshow inside of an entry, but that would mean pasting all of the code in the entry body. Template experts could handle it, but it was nearly impossible to explain this process to a client. Now a writer just needs to write their post, select the photos they want to use in the asset manager, and click save. They do the writing, and the developer does the developing.

After the jump, I've provided some Javascript that will create a very simple slideshow. It's not using any new tags, but it's an example of how you can cleanly separate code and content.

Slideshow Code

This code is not polished (nor is it meant to be), but it illustrates the functionality clearly. For production, you'd make a true Javascript function for all of this — or, even better, build it in about 1/4 of the number of lines using jQuery — and provide some CSS styles.

To start, just above your entry body, place the following line of html:

<div id="entry-gallery"></div>

Then, anywhere below that, add the following block of Javascript. It will create an array of your entry assets, then build out the HTML elements using the DOM. Finally, there is a function that will make the previous and next links load a new image in the img tag (and loop to the front or back, when necessary).

<script type="text/javascript">

var entryAssets = new Array(<mt:EntryAssets>'<mt:AssetThumbnailURL width="500">'<mt:Unless name="__last__">,</mt:Unless></mt:EntryAssets>);

if ( entryAssets.length != 0) {
    var entrySlideshow = document.getElementById('entry-gallery');
    var imgIndex = 0

    function viewImage(direc) {
        if (direc == 'next') imgIndex++;
        if (direc == 'prev') imgIndex--;
        if (imgIndex >= entryAssets.length) imgIndex = 0;
        if (imgIndex < 0 ) imgIndex = (entryAssets.length - 1);
        slideshowImage.setAttribute('src',entryAssets[imgIndex]);
        return false;
    }

    var slideshowImage = document.createElement('img');
    slideshowImage.setAttribute('src',entryAssets[imgIndex]);
    slideshowImage.setAttribute('alt','Slideshow Image');
    entrySlideshow.appendChild(slideshowImage);

    var slideshowNav = document.createElement('p');

    var slideshowPrev = document.createElement('a');
    slideshowPrev.setAttribute('id','slideshow-prev');
    slideshowPrev.innerHTML = '&laquo; Previous';
    slideshowPrev.setAttribute('href','#');
    slideshowPrev.setAttribute('onclick','viewImage("prev")');
    slideshowNav.appendChild(slideshowPrev);

    var slideshowNext = document.createElement('a');
    slideshowNext.setAttribute('id','slideshow-next');
    slideshowNext.setAttribute('href','#');
    slideshowNext.innerHTML = 'Next &raquo;';
    slideshowNext.setAttribute('onclick','viewImage("next")');
    slideshowNav.appendChild(slideshowNext);

    entrySlideshow.appendChild(slideshowNav);
}       

</script>

If you'd like to try this out, you'll need to download the latest beta or wait until the general release. Feel free to post your own versions of slideshow code in the comments! It's always great to see examples of how people are using the features of Movable Type.