A presentation at JAMstack_conf San Francisco in in San Francisco, CA, USA by Zach Leatherman
How to own your content on social media. zachleat.com zach@zachleat.com @zachleat
myspacebook.info
’ ) & ( * ” $ ! # % ’ ) & ( *
/messages /photos /livestream /app store /VR /crypto $ /classifieds /AI /dat /datamining ing @zachleat ” $! # % myspacebook myspacebook myspacebook myspacebook myspacebook myspacebook myspacebook myspacebook myspacebook
Don’t be terrestrial. Be extraterrestrial. myspacebook.info
How to own your content on social media?
myspacebook.info @zachleat Create a social media site.
myspacebook.info @zachleat Buy a social media site. +++
zachleat.com zach@zachleat.com @zachleat @zachleat How to own your content on someone else’s web site.
@zachleat
@zachleat Why?
@zachleat My content’s not worth saving. ,
None All @zachleat Content Worth Saving
One Content Worth Saving @zachleat None
@zachleat My content has value to me.
@zachleat Supplemental Brain -
@zachleat All social media is inevitably doomed. .
It has been an incredible journey! We are happy to announce that effective immediately, myspacebook will be ending. Any content associated with your account will be deleted. We couldn’t be happier about this transition. Thank you!
@zachleat
@zachleat
myspacebook.info @zachleat myspacebook.info
myspacebook.info myspacebook.info @zachleat I AM AN ADVERTISEMENT, HI
myspacebook.info myspacebook.info AGREE TO OUR COOKIES I AGREE OR ELSE @zachleat I AM AN ADVERTISEMENT, HI
myspacebook.info myspacebook.info AGREE TO OUR COOKIES I AGREE OR ELSE @zachleat I AM AN ADVERTISEMENT, HI
myspacebook.info myspacebook.info I AM AN ADVERTISEMENT, HI AGREE TO OUR COOKIES I AGREE OR ELSE @zachleat THIS IS BETTER ON OUR APP APP STORE
@zachleat Everything on the web should last forever.
@zachleat I should host everything I post
@zachleat Don’t use cloud services
@zachleat My content should exist on my terms.
@zachleat How?
@zachleat The URL
@zachleat The CANONICAL URL
@zachleat myspacebook.info/VANITY
@zachleat If you control the full URL, you control the content.
@zachleat
@zachleat
@zachleat
@zachleat .html
@zachleat URLs ARE POWER
UNDER URLs ARE POWER / ATTACK @zachleat /
@zachleat ATTACKS ON THE URL
ATTACKS ON THE URL @zachleat APP STORES
ATTACKS ON THE URL @zachleat WEB BROWSER INTERFACE
ATTACKS ON THE URL LIKE US ON FACEBOOK QR CODES https://twitter.com/spara/status/312270597914783744 @zachleat KEYWORDS
IndieWeb indieweb.org @zachleat a people-focused alternative to the “corporate web”
@zachleat personalsit.es
matthiasott.com adactio.com sonniesedge.net aaronparecki.com paulrobertlloyd.com @zachleat mxb.dev
@zachleat Not just for personal content.
@zachleat https://twitter.com/adamconover/status/1183214923423211521
@zachleat So we started posting videos natively to Facebook instead.
@zachleat instead.
@zachleat POSSE
.com @zachleat P ublish O wn S ite S yndicate E lsewhere
@zachleat adactio.com/extras/slides/indieweb.pdf
@zachleat adactio.com/extras/slides/indieweb.pdf
est. 2006 about 27,000 tweets zachleat.com est. 2006 243 posts @zachleat twitter.com/zachleat
@zachleat vs POSSE PESOS
.com @zachleat P ublish E lsewhere S yndicate O wn S ite
@zachleat POSSE
POSSE @zachleat S O S E P
twitter.com twitter.com/zachleat/status/TWEET_ID @zachleat zachleat.com/twitter/TWEET_ID
@zachleat URL PARITY
@zachleat twitter.com/zachleat
@zachleat zachleat .com/twitter
twitter.com/zachleat/status/1179866258558406656 @zachleat zachleat.com/twitter/1179866258558406656
@zachleat twitter.com/TejasKumar_/status/1179064750455623680
@zachleat
@zachleat
<link rel=”canonical” href=”https://zachleat.com/twitter/1179866258558406656”>@zachleat CANONICAL IS A STATE OF MIND
@zachleat NOW YOU!
@zachleat 0
@zachleat 0 •••••••••••••••••••••••••••••••••••••••••••••
@zachleat 0
@zachleat
@zachleat
@zachleat
@zachleat
@zachleat
• Fast @zachleat “yeah it’s so fast”—
@zachleat • Fast • No JS Frameworks • What goes in, what comes out • Choose your templating language • Simple and approachable
@zachleat
@zachleat
@zachleat
@zachleat
@zachleat
@zachleat
@zachleat
@zachleat BACKUP COMPLETE 1
@zachleat
• Analytics Retweets 14.4% Replies 60.1% 2 Remainder 4.6% 20.9% @zachleat Mentions
@zachleat
@zachleat • Confront my own bias (embarrassing)
• Threading! @zachleat Backward and Forward
@zachleat https://www.zachleat.com/twitter/1171538020547231745/
Front-end performance @zachleat Back-end performance
@zachleat • Self Hosting Media
@zachleat • Self Hosting Media
@zachleat • Self Hosting Media
@zachleat
@zachleat • I CAN EDIT MY TWEETS 2
@zachleat • I CAN EDIT MY TWEETS 2
@zachleat • I CAN EDIT MY TWEETS 2
@zachleat • Show real links (no t.co URLs) 3 • New tweets fetched from Twitter API • Hide like/retweet counts • Markdown • Style it however I want
SC O PE C • More Reliable Embeds! RE @zachleat EP Firefox blocks Twitter’s Third Party JavaScript 1
SC O PE C • Faster Embeds! RE EP @zachleat 119 KB transferred
SC O PE C • Faster Embeds! RE EP @zachleat 4.2 KB transferred
@zachleat
SC O PE C RE EP @zachleat THE RIGHT TO BE FORGOTTEN-ish
@zachleat CONTROL
@zachleat CREATIVE CONTROL
@zachleat CONTENT CONTROL
@zachleat DELETE CONTROL
@zachleat UX CONTROL
JAMstack empowers DEVELOPERS @zachleat FRONT-END
“ Don’t do it like me, Do it like you” https://matthiasott.com/articles/into-the-personal-website-verse @zachleat —Matthias Ott @m_ott
THANK YOU INSPIRED BY zachleat.com zach@zachleat.com @zachleat #NoTechForICE
You’ve been posting to Medium, Twitter, Facebook, or Instagram. The gardens are walled. The silos are tall.
Inevitably when we are beholden to social media, the terms of service for these sites are subject to change. What can we do to protect our stuff and take back our digital social interactions out of these silo’d spaces and move them to places that we control?
With the IndieWeb and JAMStack, this is not only possible but pretty approachable too.
for free. You
can too.