All-Nude Tweets (Hacking Extraneous Content from Twitter Embeds) – Updated

The Twitter default is for “cards” and “conversation” to display, but you can get rid of them either tweet by tweet or through a copy-paste-search-and-replace-re-copy-paste.

(I’ve developed an approach for achieving the desired effect via function, but this post is still good background!)

Intro

When you embed a tweet from its URL – for example, for this tweet from Justin Tiehen’s list of explanations for the rise of Donald Trump

https://twitter.com/jttiehen/status/735315944428310528

…it will, by the magic of oEmbed, produce the following display in your WordPress page1:

Tweet with conversation and card

Tweet with “Conversation” and “Card”

Now, a lot of the time, this is totally superduper: You’re happy to include the replied-to tweet, and the part down below, with the image of Mr. Trump there linking to the original article (in a real tweet embed, not the screenshot version of it I’ve used above), is very nifty and even useful, and the nifty formatting is also nifty: Altogether just what your nifty users want.

In some contexts, however, all of the extra stuff is just distracting – especially if you’re showing a long list of tweets or rendering a conversation.2

What follows is a hacky way to grab naked tweets instead.

Grabbing Naked Tweets

The top part of the tweet imaged above (showing a compressed “replied-to” tweet that mentions “pornography”) is “conversation.” The bottom part is “the card.”

If you’re using the oEmbed method, you can bring up the the page source and find something like the below buried in all of the code. (If you’re using Twitter’s more laborious but flexible “Embed” sub-menu, you’ll get something similar.)

The last line is a call to the Twitter Javascript file that adds all the nifty formatting. It needs to be invoked only once per page, but, in a list of 100 tweets embedded by hand, it will be listed 100 times, in 100 paragraphs that will be “un-displayed.”

Twitter also supplies users you with a relatively cumbersome way of getting rid of cards and conversation: When, instead of oEembedding from the URL (i.e., using built-in WordPress oEmbed functionality), you use the Twitter-supplied “embed” code, and you un-check the “include parent conversation” checkbox, you can get rid of the replied-to tweet. The code will look like this:

Producing a display like this:

Tweet with Card, but no Conversation

Tweet with Card, but no Conversation

The only difference between the two Twitter-supplied versions is visible in the first line: the data-conversation="none" added to the blockquote .

So, it turns out, the simple hacky way to produce a set of fancy tweets 1) without “conversation,” 2) without redundant calls to the twitter platform (slows things down a lot on a long list), and 3) in a “hard copy” form that is savable even if the user deletes the tweet or Twitter does, is

  1. Copy-paste the tweets as rendered from page source into a text editor.
  2. Use a search-and-replace to add data-conversation="none" to every blockquote (as in the example above).
  3. Search and replace (with nothing) all but one of the <p><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></p>
  4. Copy-paste the “cured” text into your HTML panel in place of what you currently have there (i.e., bunch of Twitter URLs or Embeds).

To make the Twitter Card also disappear, you include data-cards="hidden" . So…

…should display like this:

Tweet with "Conversation" and "Card" suppressed

Tweet with “Conversation” and “Card” suppressed

Summary: The Twitter default is for cards and conversation to display, but you can turn them off either tweet by tweet or through a copy-paste-search-and-replace-re-copy-paste.3

Someday…

…I’ll look further into automating this “curing” process… If somebody has done it already – let me know!

Notes:

  1. …as of this writing – Twitter may change its mind without memo-ing me personally []
  2. Multiple redundant “asynchronous” Javascript calls seem also to slow down page rendering – something to be tested at some point. []
  3. Note: You can delete the data-width=”550″ or you can adjust it to a lower value than 550. Higher values will have no effect, or, if mistyped, will break the formatting script. The Twitter embed size CAN be overriden, but you need to work from another direction. []

WordPresser
Home Page  Public Email  Twitter  Facebook  YouTube  Github   

Writing since ancient times, blogging, e-commercing, and site installing-designing-maintaining since 2001; WordPress theme and plugin configuring and developing since 2004 or so; a lifelong freelancer, not associated nor to be associated with any company, publication, party, university, church, or other institution. 

Posted in Using WordPress Tagged with: ,

0 comments on “All-Nude Tweets (Hacking Extraneous Content from Twitter Embeds) – Updated

Commenting at CK MacLeod's

We are determined to encourage thoughtful discussion, so please be respectful to others. We also provide a set of Commenting Options - comment/commenter highlighting and ignoring, and commenter archives that you can access by clicking the commenter options button (). Go to our Commenting Guidelines page for more details, including how to report offensive and spam commenting.

1 Pings/Trackbacks for "All-Nude Tweets (Hacking Extraneous Content from Twitter Embeds) – Updated"
  1. […] few months ago, I noted a technique for stripping Twitter embeds of extraneous conversation, involving setting the tweet attribute “data-conversation” to “none.” What […]

Commenter Ignore Button by CK's Plug-Ins

Leave a Reply

Your email address will not be published. Required fields are marked *

*

Noted & Quoted

(0)

And this programmer suggested a way to avoid user input all together:

Eventually, programmers on Reddit started making fully-functioning, interactive versions of the awful forms, like this and this and this. Someone even created one out of the classic game Snake. The meme hasn’t stopped for weeks now, and iterations of it seem to be growing more detailed and elaborate.

Comment →
(0)

Trump actually congratulated Erdogan on the outcome. Trump apparently thought it was a good thing that, despite all the flaws in the process, a bare majority of Turkey’s citizens voted to strengthen their populist leader. I don’t think any other post-Cold War president would have congratulated a democratic ally that held a flawed referendum leading to a less democratic outcome. This is not that far off from Trump congratulating Putin on a successful referendum result in Crimea if that event had been held in 2017 rather than 2014.

Public disquiet and behind-the-scenes pressure on key illiberal allies is an imperfect policy position. It is still a heck of a lot more consistent with America’s core interests than congratulating allies on moving in an illiberal direction. In congratulating Erdogan, Trump did the latter.

For all the talk about Trump’s moderation, for all the talk about an Axis of Adults, it’s time that American foreign policy-watchers craving normality acknowledge three brute facts:

  1. Donald Trump is the president of the United States;
  2. Trump has little comprehension of how foreign policy actually works;
  3. The few instincts that Trump applies to foreign policy are antithetical to American values.
Comment →
(0)

He sensed that the public wanted relief from the burdens of global leadership without losing the thrill of nationalist self-assertion. America could cut back its investment in world order with no whiff of retreat. It would still boss others around, even bend them to its will...

There was, to be sure, one other candidate in the 2016 field who also tried to have it both ways—more activism and more retrenchment at the same time. This was, oddly enough, Hillary Clinton... Yet merely to recall Clinton’s hybrid foreign-policy platform is to see how pallid it was next to Trump’s. While she quibbled about the TPP (which few seemed to believe she was really against), her opponent ferociously denounced all trade agreements—those still being negotiated, like the TPP, and those, like NAFTA and China’s WTO membership, that had long been on the books. “Disasters” one and all, he said. For anyone genuinely angry about globalization, it was hard to see Clinton as a stronger champion than Trump. She was at a similar disadvantage trying to compete with Trump on toughness. His anti-terrorism policy—keep Muslims out of the country and bomb isis back to the Stone Age—was wild talk, barely thought through. But for anyone who really cared about hurting America’s enemies, it gave Trump more credibility than Clinton’s vague, muddled talk of “safe zones” ever gave her.

Comment →

State of the Discussion

bob
Ignored
Comments this threadCommenter Archive
+ Wade, your last paragraph is crucial to your argument. Certainly it expresses economically the source of the weight of a country's foreign policy, and [. . .]
Jeffrey Goldberg: The Obama Doctrine, R.I.P. – The Atlantic
CK MacLeod
Ignored
Comments this threadCommenter Archive
+ Not sure where you got the idea that I ever wrote “[President Trump] doesn’t know what he’s doing!!!!!!" - bob's idea for a possible rallying [. . .]
Jeffrey Goldberg: The Obama Doctrine, R.I.P. – The Atlantic
Wade McKenzie
Ignored
Comments this threadCommenter Archive
+ The conversation that you and Bob were having at the time that I wrote my comment had everything to do with the recent missile strike [. . .]
Jeffrey Goldberg: The Obama Doctrine, R.I.P. – The Atlantic

Categories

Related