如何使用creative_spec中的preview_url预览广告？

发布于 2024-12-06 20:06:45 字数 473 浏览 2 评论 0原文

我正在开发一个管理 Facebook 广告活动的 Facebook 连接网站，并且我有一个小型的问题。当我使用 API 创建广告时，我会在所创建广告的 Creative_specs 中收到预览 URL，然后我想将其显示在我的网站中。然而，我得到的 URL 在 Facebook 内部。例子： http://www.facebook.com/ads/api/creative_preview.php ?cid=6003167825281

由于 facebook 框架检测代码，我无法在 iframe 中显示它，并且我无法在AJAX 调用（我不断收到 Bad Request 4xx）... 那么我到底如何才能在我的网站中预览使用 Facebook 广告 api 创建的广告呢？

谢谢，亚尼夫

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

剑心龙吟 2024-12-13 20:06:45

您可以查看此参考：http://developers.facebook.com/docs /reference/ads-api/generatepreview/

--- 首先你需要通过以下方式获取帐户 CSS

$url  = 'https://graph.facebook.com/act_' . $bizId  . '/adpreviewscss?access_token=' .  $access_token;

--- 然后通过以下方式获取 HTML 部分

$url  = 'https://graph.facebook.com/' . $adId  . '/previews?access_token=' .  $accessToken;

--- 添加此 CSS 补丁

  /* ---- Ads Preview Styles ----------------------- */
                 a.forceLTR{cursor:pointer;color:#3B5998;text-decoration:none}
                 .fbEmuPreview{border:1px solid #E5E5E5;background-color:#FFF;width:234px;padding:10px}
                 .fbEmuEgo{line-height:13px}
                 .fbEmu .title{font-weight:700;margin-bottom:0!important}
                 .fbEmu .forceLTR{direction:ltr;text-align:left;display:block}
                 .fbEmu .adInfo a.identity{color:gray;display:block;white-space:nowrap}
                 .fbEmu .image_body_block{padding-top:3px}
                 .clearfix{zoom:1}
                 .clearfix::after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
                 .fbEmuEgo .image{width:100px;display:block}
                 .lfloat{float:left}
                 .-cx-PRIVATE-uiImageBlock__mediumImage{margin-right:8px}
                 .-cx-PRIVATE-uiImageBlock__content{overflow:hidden}
                 .-cx-private-uiimageblock__content a{font-size:11px}
                 .fbEmu .body .fbEmuLink{color:#333}
                 div.fbEmuEgo .image .img{padding-top:3px;max-height:72px;max-width:100px}
                 .fbEmuEgo .action{color:#777;margin-top:5px}
                .uiIconText{padding-left:21px;position:relative}
                .uiIconText .img{left:0;position:absolute;top:-1px;vertical-align:middle}
                .sx_39ed22{width:12px;height:11px;background-position:-49px -154px}
                .sp_buw69i{background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yR/r/hqPYFjMiGCV.png);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}
                a.forceLTR,a.uiIconText{cursor:pointer;color:#3B5998;text-decoration:none}

You can check out this ref : http://developers.facebook.com/docs/reference/ads-api/generatepreview/

--- First you need to get the account CSS by

$url  = 'https://graph.facebook.com/act_' . $bizId  . '/adpreviewscss?access_token=' .  $access_token;

--- Then get the HTML part by

$url  = 'https://graph.facebook.com/' . $adId  . '/previews?access_token=' .  $accessToken;

--- Add this CSS patch

  /* ---- Ads Preview Styles ----------------------- */
                 a.forceLTR{cursor:pointer;color:#3B5998;text-decoration:none}
                 .fbEmuPreview{border:1px solid #E5E5E5;background-color:#FFF;width:234px;padding:10px}
                 .fbEmuEgo{line-height:13px}
                 .fbEmu .title{font-weight:700;margin-bottom:0!important}
                 .fbEmu .forceLTR{direction:ltr;text-align:left;display:block}
                 .fbEmu .adInfo a.identity{color:gray;display:block;white-space:nowrap}
                 .fbEmu .image_body_block{padding-top:3px}
                 .clearfix{zoom:1}
                 .clearfix::after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
                 .fbEmuEgo .image{width:100px;display:block}
                 .lfloat{float:left}
                 .-cx-PRIVATE-uiImageBlock__mediumImage{margin-right:8px}
                 .-cx-PRIVATE-uiImageBlock__content{overflow:hidden}
                 .-cx-private-uiimageblock__content a{font-size:11px}
                 .fbEmu .body .fbEmuLink{color:#333}
                 div.fbEmuEgo .image .img{padding-top:3px;max-height:72px;max-width:100px}
                 .fbEmuEgo .action{color:#777;margin-top:5px}
                .uiIconText{padding-left:21px;position:relative}
                .uiIconText .img{left:0;position:absolute;top:-1px;vertical-align:middle}
                .sx_39ed22{width:12px;height:11px;background-position:-49px -154px}
                .sp_buw69i{background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yR/r/hqPYFjMiGCV.png);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}
                a.forceLTR,a.uiIconText{cursor:pointer;color:#3B5998;text-decoration:none}

回复收藏 0 原文