Amphtml: CMP / Funding Choices for AMP

Created on 4 Nov 2020 · 16Comments · Source: ampproject/amphtml

Hi, we are working on converting all our sites to AMP responsive tech, for desktop / mobile users. We are using Adsense and Ad Manager, and we have some issues with the update of the rules regarding consent for advertising. As we still have some desktop sites in standard HTML, our Google Account Manager suggested that we use the Funding Choices CMP script. This solution is great as really simple to implement.

On the other hand, we have been searching for a simple CMP solution for AMP. Right now, there are only some CMP for AMP commercial solutions (expensive). How come Google is working so hard on pushing AMP and does not provide a turnkey solution for AMP CMP based on Funding Choices. When could we expect such AMP CMP solution ? Indeed, we adopted your AMP solution really early (2017) and this situation with CMP is like a brick wall for us.

amp-consent Feature Request components

Source

greghuet

👀2

Most helpful comment

Related? #26229 - if TCFv2 support isn't even ready for AMP, I don't see how Funding Choices can be. Google is about to stop serving ads in the EEA on sites that don't support TCFv2 on Nov 15, but don't have an official solution for AMP?

Hi @archon810, while Funding Choices has not integrated into AMP yet, we do support TCFv2 with other CMPs (or through your own implementation): https://github.com/ampproject/amphtml/blob/master/extensions/amp-consent/amp-consent.md#does-amp-support-the-iab-tcf

Please let me know if you need any more clarification around this subject.

Hi, thank you for your reply. To tell you the truth, we need a plug and play CMP solution for AMP not a pain in the neck nightmare to develop (meaning countless hours to dev / test and no guaranties it'll work at the end...). AMP is supposed to be a simple solution ;) Funding Choices for AMP is a must have features for all people like us here who are deeply involved in pushing this tech on ours sites. Thank you in advance ;)

greghuet on 12 Nov 2020

👍2

All 16 comments

@jeffjose FYI

gilbertococchi on 6 Nov 2020

+1. We're also adding Funding Choices and need a solution for AMP.

archon810 on 11 Nov 2020

👍1

Related? https://github.com/ampproject/amphtml/issues/26229 - if TCFv2 support isn't even ready for AMP, I don't see how Funding Choices can be. Google is about to stop serving ads in the EEA on sites that don't support TCFv2 on Nov 15, but don't have an official solution for AMP?

archon810 on 11 Nov 2020

Hello!
Google Choices should absolutely support AMP.
It should be "a must", as AMP is also sponsored by Google.

citynews on 11 Nov 2020

👍1

Hello,
also for us it is very important .
+1. We're also adding Funding Choices and need a solution for AMP.

thinkdifferent on 11 Nov 2020

Related? #26229 - if TCFv2 support isn't even ready for AMP, I don't see how Funding Choices can be. Google is about to stop serving ads in the EEA on sites that don't support TCFv2 on Nov 15, but don't have an official solution for AMP?

Hi @archon810, while Funding Choices has not integrated into AMP yet, we do support TCFv2 with other CMPs (or through your own implementation): https://github.com/ampproject/amphtml/blob/master/extensions/amp-consent/amp-consent.md#does-amp-support-the-iab-tcf

Please let me know if you need any more clarification around this subject.

micajuine-ho on 11 Nov 2020

Related? #26229 - if TCFv2 support isn't even ready for AMP, I don't see how Funding Choices can be. Google is about to stop serving ads in the EEA on sites that don't support TCFv2 on Nov 15, but don't have an official solution for AMP?

Hi @archon810, while Funding Choices has not integrated into AMP yet, we do support TCFv2 with other CMPs (or through your own implementation): https://github.com/ampproject/amphtml/blob/master/extensions/amp-consent/amp-consent.md#does-amp-support-the-iab-tcf

Please let me know if you need any more clarification around this subject.

greghuet on 12 Nov 2020

👍2

Hi @micajuine-ho do you have any example of custom amp consent implementation that supports TCFv2?

maciejmackowiak on 12 Nov 2020

@maciejmackowiak It's hacky, but works and is compliant https://community.cookiepro.com/s/article/UUID-94cf9b13-1998-d989-a5e0-d01a73a2e0a7

sankalpsans on 12 Nov 2020

Hi @maciejmackowiak I assume by 'custom implementation' you mean that you are not working with a CMP. Is that correct?

micajuine-ho on 12 Nov 2020

Thanks @sankalpsans I will take a look into it.

@micajuine-ho yes and no - for AMP currently we have basic <amp-consent> implementation without CMP, and for non-AMP we are using google funding choice.

This raises two questions:

Is there a way to have custom AMP implementation without CMP that will support TCFv2?
Maybe the solution @sankalpsans mentiond is possible to implement with google funding choice using an <iframe> and then pass the cookies?

maciejmackowiak on 12 Nov 2020

Is there a way to have custom AMP implementation without CMP that will support TCFv2?

If you are able to create a TC String, you can pass that along through amp-consent (via checkConsentHref) to be passed along to vendors (who will decode it and decide what to do with the request).

The amp-consent config will loosely look like this:

{
   consentRequired: 'remote',
   checkConsentHref: "your-endpoint-that-returns-a-tc-string",
   promptUi: "inline-prompt-ui-id"
}

More information on the checkHrefResponse can be found here.

Maybe the solution @sankalpsans mentiond is possible to implement with google funding choice using an and then pass the cookies?</p> </blockquote> <p>Yes that seems like that could work. For that solution, instead of using <code>promptUI</code>, you would use <code>promptUISrc</code> and the value would be the iframe. </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/30711678?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="micajuine-ho picture"> <strong>micajuine-ho</strong> <span class="text-muted ml-1">on 12 Nov 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Hi, we have already added and used the Funding Choices solution for all our sites, but we need support for the AMP version.<br /> Thank you!</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/74533183?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Irene-Sky picture"> <strong>Irene-Sky</strong> <span class="text-muted ml-1">on 16 Nov 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Happy new year everyone. I come here to check if there was any update on this topic, apparently not. For info, if you really need a CMP for AMP, Quantcast is providing one in Beta at the moment (I was in touch with their tech team, pretty reactive too). Now, we wait for Google to get its version ready. Thanks.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/29983093?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="greghuet picture"> <strong>greghuet</strong> <span class="text-muted ml-1">on 11 Jan 2021</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>The Funding Choices team has told me that they will be prioritizing the AMP integration in Q3.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/30711678?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="micajuine-ho picture"> <strong>micajuine-ho</strong> <span class="text-muted ml-1">on 22 Jan 2021</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>The Google News Initiative promotes AMP Pages, and we're using an AMP Theme to get more visitor. Is a must that the project supports AMP pages </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/5197998?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="estereofonico picture"> <strong>estereofonico</strong> <span class="text-muted ml-1">on 8 Feb 2021</span> </div> <div class="col text-right"> </div> </div> </div> </div> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown text-center helpful"> <div class="title">Was this page helpful?</div> <div class="mt-1" onMouseLeave="rating(735993324, 0);"> <i class="fas fa-star inactive" id="star-1" onMouseOver="rating(735993324, 1);" onclick="rate(735993324, 1);"></i> <i class="fas fa-star inactive" id="star-2" onMouseOver="rating(735993324, 2);" onclick="rate(735993324, 2);"></i> <i class="fas fa-star inactive" id="star-3" onMouseOver="rating(735993324, 3);" onclick="rate(735993324, 3);"></i> <i class="fas fa-star inactive" id="star-4" onMouseOver="rating(735993324, 4);" onclick="rate(735993324, 4);"></i> <i class="fas fa-star inactive" id="star-5" onMouseOver="rating(735993324, 5);" onclick="rate(735993324, 5);"></i> </div> <div class="description text-small"><span id="rating-val">0</span> / 5 - <span id="rating-count">0</span> ratings</div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3452512275" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div id="ph-above-related"></div> <div class="card card-custom issue-box"> <div class="card-body pt-3 pb-5"> <h2 class="mb-4">Related issues</h2> <div> <strong> <a href="/amphtml/195122883/allow-user-redirect-after-form-submission">Allow user-redirect after form submission</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/2647?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="mkhatib picture"> <strong class="pr-1" dir="ltr">mkhatib</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/amphtml/235859607/issue-using-amp-bind-with-shadow-dom">Issue using amp-bind with Shadow DOM</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/2844785?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="edhollinghurst picture"> <strong class="pr-1" dir="ltr">edhollinghurst</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/amphtml/330761460/amp-extension-generator-gulp-make-extension-is-out-of-date">AMP extension generator (gulp make-extension) is out of date</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/2363700?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="cvializ picture"> <strong class="pr-1" dir="ltr">cvializ</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/amphtml/366476117/amp-ima-video-controls-hidden-when-ad-is-playing">amp-ima-video: Controls Hidden when Ad is Playing</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/1448289?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="torch2424 picture"> <strong class="pr-1" dir="ltr">torch2424</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/amphtml/190662730/make-checkbox-hack-legal-in-amp-html">Make checkbox-hack legal in amp html</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/153391?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Download picture"> <strong class="pr-1" dir="ltr">Download</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> </div> </div> <div class="sticky-top pt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div id="ph-below-related-2" class="mt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="col-12 col-lg-4"> </div> </div> <div class="skyscraper-container"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="7879185320" data-ad-format="vertical" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="mt-5 spacer"></div> <footer class="mt-5 pb-2 py-4 text-center mt-auto"> <div class="container"> <a class="navbar-brand logo mr-5" href="/"> <img src="/assets/img/logo.svg" width="40" height="40" alt="bleepingcoder logo"> bleeping<strong>coder</strong> </a> <div class="mt-4"> bleepingcoder.com uses publicly licensed GitHub information to provide developers around the world with solutions to their problems. We are not affiliated with GitHub, Inc. or with any developers who use GitHub for their projects. We do not host any of the videos or images on our servers. All rights belong to their respective owners. </div> <div> Source for this page: <a href="https://www.github.com/ampproject/amphtml/issues/30999" rel="nofollow noreferrer" target="_blank">Source</a> </div> </div> <hr class="mb-5 mt-5"> <div class="container"> <div class="row"> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular programming languages</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/python" dir="ltr">Python</a> </li> <li class="mb-2"> <a href="/javascript" dir="ltr">JavaScript</a> </li> <li class="mb-2"> <a href="/typescript" dir="ltr">TypeScript</a> </li> <li class="mb-2"> <a href="/cpp" dir="ltr">C++</a> </li> <li class="mb-2"> <a href="/csharp" dir="ltr">C#</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/microsoft/vscode" dir="ltr">vscode</a> </li> <li class="mb-2"> <a href="/numpy/numpy" dir="ltr">numpy</a> </li> <li class="mb-2"> <a href="/ant-design/ant-design" dir="ltr">ant-design</a> </li> <li class="mb-2"> <a href="/mui-org/material-ui" dir="ltr">material-ui</a> </li> <li class="mb-2"> <a href="/vercel/next-js" dir="ltr">next.js</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-0"> <strong>More GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/rust-lang/rust" dir="ltr">rust</a> </li> <li class="mb-2"> <a href="/moment/moment" dir="ltr">moment</a> </li> <li class="mb-2"> <a href="/yarnpkg/yarn" dir="ltr">yarn</a> </li> <li class="mb-2"> <a href="/mozilla/pdf-js" dir="ltr">pdf.js</a> </li> <li class="mb-2"> <a href="/JuliaLang/julia" dir="ltr">julia</a> </li> </ul> </div> </div> </div> <hr class="mb-5 mt-5"> <div class="container text-muted"> © 2026 bleepingcoder.com - <a href="/bleeps" rel="nofollow">Contact</a><br /> By using our site, you acknowledge that you have read and understand our <a href="/cookies" rel="nofollow">Cookie Policy</a> and <a href="/privacy" rel="nofollow">Privacy Policy</a>. </div> </footer> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script> <script async src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>  <script type="text/javascript" src="/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script></body> </html>