Read more call-to-action

Iulia_Gh · 2017-02-07T15:13:57.825Z

Ad previews render with ‘Read more’ call-to-access. We’re using the Twitter Ads API to report on our campaigns. We also provide ad previews in our reports and recently they are rendering with this CTA that we can’t remove or edit from Twitter’s UI.

This is the JS file we’re using to generate the ad previews: platform.twitter.com/widgets.js

andypiper · 2017-02-07T17:06:25.452Z

(moved to the Ads category as this is specific to an Ads card)

JBabichJapan · 2017-02-09T05:41:40.426Z

Hi,

Could you please confirm that you believe the CTA button should NOT be shown for this ad format? Is it a Website Card? If you could paste an example of the Account ID and Card ID you are rendering a preview for (or the exact call to tweet/preview endpoint) it would make sure that we are reporting about the correct issue.

Thanks,

John

Iulia_Gh · 2017-02-09T13:25:20.230Z

Hi John,

I was informed by your team that call-to-action buttons have been removed last year. We would like it if they still existed, but they show up in the UI, so we believe they shouldn’t show up in the API either because it’s confusing.
Please have a look at the following example:
Tweet card id is 808710595826610177
Account id is 18ce53yltux

This is how the ad is rendering through the API:

This is how it looks on people’s timeline:

Screen Shot 2017-02-09 at 13.24.43.png638x555 145 KB

Iulia_Gh · 2017-02-15T10:10:23.212Z

John, do you have any updates on this?

juanshishido · 2017-02-17T20:04:36.198Z

@Iulia_Gh: To answer your question, we no longer render the CTA for website cards even if you use that param when creating the card. (You’ll see a default READ_MORE value for the website_cta param.)

Here are the card details, which includes a value for website_cta:

$ twurl -H ads-api.twitter.com "/1/accounts/18ce53yltux/cards/website/2pwn3"
{
  "request": {
    "params": {
      "card_type": "website",
      "card_id": "2pwn3",
      "account_id": "18ce53yltux"
    }
  },
  "data_type": "card",
  "data": {
    "name": "Wandera 3 ",
    "image": "https://pbs.twimg.com/ad_img/804279888341569536/ZGSiXoA5?format=jpg&name=orig",
    "preview_url": "https://cards.twitter.com/cards/18ce53yltux/2pwn3",
    "website_display_url": "go.wandera.com",
    "website_cta": "READ_MORE",
    "id": "2pwn3",
    "account_id": "18ce53yltux",
    "website_dest_url": "http://go.wandera.com/T-Media2.html",
    "created_at": "2016-12-01T11:04:33Z",
    "website_title": "Free Trial",
    "website_url": "http://go.wandera.com/T-Media2.html",
    "updated_at": "2017-01-26T18:22:08Z",
    "deleted": false,
    "card_type": "WEBSITE"
  }
}

However, both in the timeline (link to Tweet) as well as in the preview we return, there is no CTA.

$ twurl -H ads-api.twitter.com "/1/accounts/18ce53yltux/tweet/preview/808710595826610177" | jq
{
  "data_type": "tweet_view",
  "data": [
    {
      "platform": "web",
      "preview": "<!DOCTYPE html> <html> <head>   <meta charset=\"utf-8\" />      <link href=\"https://ton.twimg.com/macaw-campaigns/css/tweet_preview.bundle.c2ca1db8ef6eecefde74.css\" rel=\"stylesheet\" /> </head>  <body>     <div class=\"Tweet--timeline Tweet   Tweet--web          \"  data-tweet-id=\"1\">    <img class=\"Tweet-avatar\" src=\"https://pbs.twimg.com/profile_images/578531480252596224/3HOUZ2Ap_normal.png\" width=\"48\" height=\"48\" alt=\"\"/>    <div class=\"Tweet-body\">     <div class=\"Tweet-header\">       <div class=\"Tweet-userData\">         <a href=\"https://twitter.com/ITMedia_Online\" target=\"_blank\" class=\"Tweet-name\">IT Media</a>         <a href=\"https://twitter.com/ITMedia_Online\" target=\"_blank\" class=\"Tweet-screenName\">@ITMedia_Online</a>       </div>         <small class=\"Tweet-timeLabel\">         <span class=\"Tweet-timestamp\">           <span class=\"Icon Icon--clock\"></span>           Dec 31         </span>       </small>     </div>       <div class=\"Tweet-text \" dir=\"\">Mobile data is increasing constantly, <twittermention>@</twittermention><a class=\"tweet-url username\" href=\"https://twitter.com/Wandera\" rel=\"nofollow\">Wandera</a> can help control bill shocks. <a href=\"https://t.co/jbExPXY92n\" rel=\"nofollow\">https://t.co/jbExPXY92n</a></div>         <div class=\"CardContainer   CardContainer--timeline       CardContainer--web    \" >             <a class=\"WebsiteCard-urlWrapper\" href=\"http://go.wandera.com/T-Media2.html\" target=\"_blank\">   <div class=\"WebsiteCard \">     <div class=\"Card-imageContainer\">   <img src=\"https://pbs.twimg.com/ad_img/804279888341569536/ZGSiXoA5?format=jpg&amp;name=orig\" class=\"Card-image\" alt=\"\" /> </div>       <div class=\"WebsiteCard-metadataContainer\">       <div class=\"WebsiteCard-metadata\">         <div class=\"WebsiteCard-title\">Free Trial</div>         <div class=\"WebsiteCard-displayUrl\">go.wandera.com</div>       </div>     </div>   </div> </a>  </div>      </div>     <div class=\"Tweet-footer\">          <div class=\"Tweet-context Tweet-context--promotion\">   <div class=\"Tweet-badge Tweet-badge--promotedBy\">      <span class=\"Icon Icon--promoted Icon--small\"></span>      <span class=\"Tweet-badgeText\">Promoted</span>   </div> </div>    </div> </div>   </body> </html> "
    },
    {
      "platform": "android",
      "preview": "<!DOCTYPE html> <html> <head>   <meta charset=\"utf-8\" />      <link href=\"https://ton.twimg.com/macaw-campaigns/css/tweet_preview.bundle.c2ca1db8ef6eecefde74.css\" rel=\"stylesheet\" /> </head>  <body>     <div class=\"Tweet--timeline Tweet   Tweet--android          \"  data-tweet-id=\"1\">    <img class=\"Tweet-avatar\" src=\"https://pbs.twimg.com/profile_images/578531480252596224/3HOUZ2Ap_normal.png\" width=\"48\" height=\"48\" alt=\"\"/>    <div class=\"Tweet-body\">     <div class=\"Tweet-header\">       <div class=\"Tweet-userData\">         <a href=\"https://twitter.com/ITMedia_Online\" target=\"_blank\" class=\"Tweet-name\">IT Media</a>         <a href=\"https://twitter.com/ITMedia_Online\" target=\"_blank\" class=\"Tweet-screenName\">@ITMedia_Online</a>       </div>         <small class=\"Tweet-timeLabel\">         <span class=\"Tweet-timestamp\">           <span class=\"Icon Icon--clock\"></span>           Dec 31         </span>       </small>     </div>       <div class=\"Tweet-text \" dir=\"\">Mobile data is increasing constantly, <twittermention>@</twittermention><a class=\"tweet-url username\" href=\"https://twitter.com/Wandera\" rel=\"nofollow\">Wandera</a> can help control bill shocks. <a href=\"https://t.co/jbExPXY92n\" rel=\"nofollow\">https://t.co/jbExPXY92n</a></div>         <div class=\"CardContainer   CardContainer--timeline       CardContainer--android    \" >             <a class=\"WebsiteCard-urlWrapper\" href=\"http://go.wandera.com/T-Media2.html\" target=\"_blank\">   <div class=\"WebsiteCard \">     <div class=\"Card-imageContainer\">   <img src=\"https://pbs.twimg.com/ad_img/804279888341569536/ZGSiXoA5?format=jpg&amp;name=orig\" class=\"Card-image\" alt=\"\" /> </div>       <div class=\"WebsiteCard-metadataContainer\">       <div class=\"WebsiteCard-metadata\">         <div class=\"WebsiteCard-title\">Free Trial</div>         <div class=\"WebsiteCard-displayUrl\">go.wandera.com</div>       </div>     </div>   </div> </a>  </div>      </div>     <div class=\"Tweet-footer\">          <div class=\"Tweet-context Tweet-context--promotion\">   <div class=\"Tweet-badge Tweet-badge--promotedBy\">      <span class=\"Icon Icon--promoted Icon--small\"></span>      <span class=\"Tweet-badgeText\">Promoted</span>   </div> </div>    </div> </div>   </body> </html> "
    },
    {
      "platform": "iphone",
      "preview": "<!DOCTYPE html> <html> <head>   <meta charset=\"utf-8\" />      <link href=\"https://ton.twimg.com/macaw-campaigns/css/tweet_preview.bundle.c2ca1db8ef6eecefde74.css\" rel=\"stylesheet\" /> </head>  <body>     <div class=\"Tweet--timeline Tweet   Tweet--iphone          \"  data-tweet-id=\"1\">    <img class=\"Tweet-avatar\" src=\"https://pbs.twimg.com/profile_images/578531480252596224/3HOUZ2Ap_normal.png\" width=\"48\" height=\"48\" alt=\"\"/>    <div class=\"Tweet-body\">     <div class=\"Tweet-header\">       <div class=\"Tweet-userData\">         <a href=\"https://twitter.com/ITMedia_Online\" target=\"_blank\" class=\"Tweet-name\">IT Media</a>         <a href=\"https://twitter.com/ITMedia_Online\" target=\"_blank\" class=\"Tweet-screenName\">@ITMedia_Online</a>       </div>         <small class=\"Tweet-timeLabel\">         <span class=\"Tweet-timestamp\">           <span class=\"Icon Icon--clock\"></span>           Dec 31         </span>       </small>     </div>       <div class=\"Tweet-text \" dir=\"\">Mobile data is increasing constantly, <twittermention>@</twittermention><a class=\"tweet-url username\" href=\"https://twitter.com/Wandera\" rel=\"nofollow\">Wandera</a> can help control bill shocks. <a href=\"https://t.co/jbExPXY92n\" rel=\"nofollow\">https://t.co/jbExPXY92n</a></div>         <div class=\"CardContainer   CardContainer--timeline       CardContainer--iphone    \" >             <a class=\"WebsiteCard-urlWrapper\" href=\"http://go.wandera.com/T-Media2.html\" target=\"_blank\">   <div class=\"WebsiteCard \">     <div class=\"Card-imageContainer\">   <img src=\"https://pbs.twimg.com/ad_img/804279888341569536/ZGSiXoA5?format=jpg&amp;name=orig\" class=\"Card-image\" alt=\"\" /> </div>       <div class=\"WebsiteCard-metadataContainer\">       <div class=\"WebsiteCard-metadata\">         <div class=\"WebsiteCard-title\">Free Trial</div>         <div class=\"WebsiteCard-displayUrl\">go.wandera.com</div>       </div>     </div>   </div> </a>  </div>      </div>     <div class=\"Tweet-footer\">          <div class=\"Tweet-context Tweet-context--promotion\">   <div class=\"Tweet-badge Tweet-badge--promotedBy\">      <span class=\"Icon Icon--promoted Icon--small\"></span>      <span class=\"Tweet-badgeText\">Promoted</span>   </div> </div>    </div> </div>   </body> </html> "
    }
  ],
  "request": {
    "params": {
      "tweet_id": 808710595826610200,
      "account_id": "18ce53yltux"
    }
  }
}

From where are you seeing the CTA?

Iulia_Gh · 2017-02-20T11:23:46.624Z

@juanshishido as per my first message, here’s what’s happening: we’re using the Twitter Ads API to report on our campaigns. We also provide ad previews in our reports and recently they are rendering with this CTA that we can’t remove or edit. We want these to render as per how they look on people’s timelines - with no CTA.

This is the JS file we’re using to generate the ad previews: platform.twitter.com/widgets.js

CvelbarSabina · 2017-02-20T12:44:05.392Z

Kako naj dam na twitterju javno oglasevanje? Nisem se nasla tega linka? Hvala za pomoc! Sabina Cvelbar

andypiper · 2017-02-21T10:47:50.523Z

@CvelbarSabina based on translation you appear to be asking about how to advertise on Twitter - please see https://ads.twitter.com for help with this - these are our developer forums for supporting the API platform.

Iulia_Gh · 2017-02-21T14:42:35.110Z

@juanshishido @JBabichJapan can either of you help with my request? I’ve been waiting for a resolution for almost two weeks. Please let me know what we can do to ensure our ad previews don’t render with the ‘read more’ call-to-action.

juanshishido · 2017-02-21T18:31:12.912Z

@Iulia_Gh: Your best bet is to use the GET accounts/:account_id/tweet/preview/:tweet_id endpoint (example request, above).

sali3ri · 2017-02-22T11:20:11.734Z

@juanshishido, we are using the Embedded Tweet JavaScript Factory Function to create the Twitter previews.
Calling the API has the following disadvantages for us:

Makes the loading of our reports very slow
Consumes API credits that sometimes lead to the disruption of our service

sali3ri · 2017-02-27T10:47:14.305Z

@juanshishido, can you advise?

juanshishido · 2017-02-27T17:14:12.697Z

@sali3ri: From the Ads API perspective, there are no issues with the CTA that have been identified. The guidance is to use the preview endpoint mentioned previously.

If you’re using widget.js and it’s not behaving as you think it should, please create a new topic in the Cards category to ask how you can customize it.

system · 2017-03-13T17:14:27.304Z

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.