Please follow by email! Instead of an annoying popup to ask you this, I put it here. Pretty please?

Tuesday, February 14, 2017

"Tweet This" Links with Images: A Simpler Guide


How important is a "TWEET THIS" bit in a blog?

I don't know, honestly. 

But let's say you want to do that. There are lots of websites that will do this for you for free, and many have tracking and all sorts of things. But maybe you want to do this yourself.

Why? Well, perhaps you like control. Okay, sure. But the biggest reason is that if you want to be able to have people tweet an image that will show up as a NATIVE TWITTER IMAGE, which will pop right there under the tweet in people's feeds, you will need to learn how to take this process apart.

I learned this from the tutorials at onlinejournalismblog.com, the first on making clickable text tweets and the second on making image tweets. But, honestly, these are not NEARLY as easy to figure out as the writers think. I had to go to Twitter developer stuff (here and here) to figure out the details. I have taken their lessons and repackaged it into an easier, image-laden, more step-by-step format.

Here goes.

For example, let's say I wanted to have this image have some kind of "tweet me" message next to it, or in a caption, or whatever (If you want to make the image itself something that will generate a tweet when you click it, go down to the bottom section of this post for that -- that is usually not what people want). Like this:


Tweet this image!
You can try it if you like, but no pressure, dude. If you did, you'd see a browser window open up with this:



Then, if you clicked the "Tweet" button, you'd make this tweet:



That's the full monty version. Maybe you just want the picture and no additional weblink, or maybe you want the "via" @you gone. Easy enough. Let's take all this apart.

You are making a temporary webpage (that's the browser window that opens) that gives Twitter instructions to make the tweet once the person who clicked logs in. You will need to hyperlink to that place. If you are a blogger and can't make something into a hyperlink, well, um, there is usually a nice button on the top of your blogging software to do that for you, or you can program it with full on "<a href . . ." html to prove that you know some code, bro. #nojudgments

You make this web destination with the "intent" command. Your code generates the webpage you need on the fly when they click on it, so all we have to do is work with the code.

Let's take a look at that code:

https://twitter.com/intent/tweet?text=How%20to%20ACETHIS:%207%20keys%20to%20public%20speaking%20bit.ly/advicetiles%20pic.twitter.com/s90qVND0Cc&via=morebrainz

As we break this down, I will demonstrate how to customize the pieces you want and to remove the parts you don't (I find this easier than instructions for how to add things. I don't know why).


The Intent Command


https://twitter.com/intent/tweet?

This is the basic setup that tells Twitter to make a page with a command to tweet. No matter what, you have to have this part, just as it is (Note that there are other "intent" commands besides "tweet," so you can knock yourself out and learn that, but that is for different tasks than this post is about).


The Parameters


These are additional instructions you can add to the instructed tweet. In this case, adding text to the tweet (I know, right, why would you NOT want this?) and adding the "via" username command:

text=

After this parameter, you input the text.

&via=

To add the additional parameter, you need the ampersand ("&"). The via command allows you to basically @ yourself, so if you don't want to do this, just leave this command and your @ off. Again, there are more of these parameters if you want to go crazy with it.


The Tweet Text


How%20to%20ACETHIS:%207%20keys%20to%20public%20speaking

These are your words, separated by the html replacement for a space (like, hitting the space bar once, you know?), which is that weird "%20". You can just write the words, drop it into a browser window and then copy the address of the new window, which your browser will convert to this form. I'd rather just program it correctly to start with.

You can also add extra %20s in order to add extra spaces and stuff like that.


A Web Address Destination


%20bit.ly/advicetiles

Do you want to make a clickable link in the text? You add that right away with a %20 immediately after the text of the tweet. You can have a super-long address if you like. Twitter will shorten it. But I like custom bitly links anyway, so I just put that in there.

If you don't want a link, you leave this out.


The Picture


%20pic.twitter.com/s90qVND0Cc

Okay. This is the hardest part. Make sure you have a beverage handy. Dehydration is a real danger when it comes to technology. You've been here awhile already.

The trick here is that you need to tweet the image first yourself to give Twitter a stable inside-of-Twitter destination to find your image for the person who clicks. 

Tweet it and then see your tweet in your feed. Then you will want to click to open the tweet. An easy place to click to do this is the time stamp I circled in red here:




When you do that it will open up in a white subwindow on top of the greyed-out rest of the page. You will need to RIGHT-CLICK on the white space:





Then select "View page source" from the menu that will appear:



That will bring up a huge page full of the code that renders this tweet with this image. It will look horrible to most of you, with lots of text like this:



You are going to totally chill about this mess. Remember, you have that beverage. Sip it. Good. Sip again. Calm the hell down, now.

You are doing all of this because this is the only place you can find the exact Twitter location for your image that you tweeted. The only place. If there was a friendlier place, I promise I would have sent you there. 

Okay, when you are on that page of the the page source text spew hit "Ctrl F" (that means holding the "Ctrl" button down [somewhere at the corner of your keyboard] an then hitting the letter "f" at the same time). This opens the "Find" menu. I'm using Chrome, so it looks like this:


Yours might look different.

You are going to search for "pic.twitter." Your browser might start highlighting things on the page as you type. That's okay. Wait until it gives you the full phrase. Then you will have that and a string of characters which end at the </a> tag for closing a link. In my case it looks like this:

pic.twitter.com/s90qVND0Cc

If you remember what we are doing, you are going to highlight that and put it in our Twitter command:

%20pic.twitter.com/s90qVND0Cc

Of course, you will add that %20 at the beginning to make sure everything works right.

If it does, it will attach the picture to the tweet they send. Their display on the webpage you created for them will have the "pic.twitter/etc" in their tweet window, but in their actually tweet, that command will convert to the image. You can see that again in the first three images in this post.

Hey, look at that! That was the hard part!


The Via Command


morebrainz

This is where you direct their ultimate tweet to @ you. The via command, which you learned how to append to this mess earlier, is followed by your Twitter username WITHOUT THE @. 


Putting It All Together


So there you have it. You can now recreate this feature.


https://twitter.com/intent/tweet?text=How%20to%20ACETHIS:%207%20keys%20to%20public%20speaking%20bit.ly/advicetiles%20pic.twitter.com/s90qVND0Cc&via=morebrainz

I still can't guarantee anyone would actually click anything on your blog to tweet it, but that's a different sort of problem.

Making the Image Itself Clickable


Earlier I suggested you might not want to do this. 

How do your readers know that if you click the image it will tweet it out? You could have a text message next to it telling them to, but then you are not really adding anything to their experience. 

I suppose you could establish a pattern in your blog that all pictures are tweetable? But do you really want them all to be tweetable? And how are new readers going to learn this pattern? 

Anyway, if you want to do this, you have to do all the steps above and then you have to edit the html of your picture to make it into a link. Blogger or Wordpress do not do this on their regular "Compose" or "Visual" menus. You might use another blogging platform, but who are we kidding?

Each platform lets you go into html and you can change all of this. Here's the way Blogger made the html for my first image in this blog:

<a href="https://2.bp.blogspot.com/-v81Hhb7JQCw/WJ5iVqY-jyI/AAAAAAAAVFU/TLKN2VqraGsHRjLD7oc8trofYRNpEGz_wCLcB/s1600/acethis.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><img border="0" height="400" src="https://2.bp.blogspot.com/-v81Hhb7JQCw/WJ5iVqY-jyI/AAAAAAAAVFU/TLKN2VqraGsHRjLD7oc8trofYRNpEGz_wCLcB/s400/acethis.png" width="400" /></span></a>

Yeah, ok. Part of this is that Blogger makes images into links to the image itself. Weird, I know, but it means that when you click an image in a blogger blog it opens up that image full-screen, like opening a tweet. This way you can make the image smaller in your blog and they can click to blow it up. 

Yeah, I know. Whatever, right? Here's the thing: that coding makes it easier to turn an image into something that takes people somewhere else when they click it. 

In this case, you want to replace the first instance of the web address in the code, the bit in yellow, with the entire text of the customized web address you built earlier in this blog post. The yellow bit of the link code is the destination the user will go to when they click. The second time it shows up, the pink, is what the page displays that is clickable, which you don't want to change. 

In Wordpress, an image is coded more simply, like this :

<img class="alignnone size-full wp-image-18" src="https://comm339.files.wordpress.com/2017/02/acethis.png" alt="acethis" width="1987" height="1987" />

That is the equivalent of the pink portion in the Blogger code. So you'd have to add all the rest: the red and the yellow (replaced with the other code you developed before).

So here's how it turns out:




Incidentally, all the rest of the code commands in these two examples, anchors, spans, classes and margins, are instructions for how to render the image on the screen. Being able to manipulate the code for that is not exactly fun if you don't like learning html and css, so probably just leave that stuff the way your blog made it for you.


Conclusion



I still don't know if any of this matters! But that's kind of like all of blogging and social media rolled up into one dilemma, right? You can try it and see.

Likely, you are here because you already think it is a good idea and, like me, you thought the other guides were too hard to get through correctly. Or perhaps someone at your newly acquired social media job or internship said, "Hey, could you make click-to-tweet stuff without using that website?" and you said "Yes I can," because that's how Sheryl Sandberg told us to roll. 

Good luck.

Friday, February 10, 2017

Communication Advice Tiles

by Steven S. Vrooman

I have been working these up as a way to allow workshop audiences to have takeaways they don't have to write down or take a picture of a slide to get. I share them to the group via social media and my slidedeck does not have to cover this kind of information in a dump because they have it. They also have my social media contact for questions and they are in nice, tweetable or instagrammable form.

Feel free to share these freely if you find them helpful. Click to tweet each image if you like. Thanks!



Tweet this!

Tweet this!
Tweet this!


Tweet this!

"Every Speaker Has A Story" Podcast ShowNotes: Episode 5, "My Greatest Success"



This episode is about how 8 speakers found their greatest success by (spoiler alert!) being able to read the situation and adapt. Like a manuscript from the Middle Ages, in the show I call each of these a Tale.

1. The Tale of the Empty Room



Dr. Kathy Gruver (@KLGruver) is a speaker and writer on natural health and stress.



She is the author of multiple books, including The Alternative Medicine Cabinet, and she is a trapeze artist. Yes. Trapeze!! See?



Her website is www.kathygruver.com.

2. The Tale of the Crowded Room




Beth Ziesenis (@nerdybff), is someone we've met before. She reviews programs and apps and speaks on them all over the country. Here she is taking down one of my favorites (or at least it was until now) Evernote:




She posts reviews to YouTube all the time, her latest book is called Nerd Know-How, and her website is www.yournerdybestfriend.com.

3. The Tale of the Sojourner




Billy Arcement (@BillyArcement) speaks and consults on leadership:




He is the coauthor of Journeying on Holy Ground, and his website is searchingforsuccess.com.

4. The Tale of the School




John Donahue-Grossman (@DonahueGrossman) presents at schools, service organizations, hospitals and churches. He speaks on bullying, self-esteem, wellness, sexuality, spirituality and parenting. In his signature talk he arrives at the school in his role as Ray, who is homeless, and slowly transforms:




His website is donahuegrossman.org.

5. The Tale of the Inventor




Julie Austin (@SpeakerSponsor) is an inventor and entrepreneur who innovated a new business model for speakers to get compensated even for free speaking engagements at speakersponsor.com. She speaks on innovation and creativity:



6. The Tale of the Shirt



Wolfgang Wolf speaks about disability and rehabilitation. After a stroke, he began his outreach as a speaker as as the founder of Computer Against Isolation, which brings technological means of communication to disabled people. His website is thestrokementor.com, and his book is called How to Survive after a Stroke.




7. The Tale of the Nerds




Angelica Mata (@matageli): "Quirky social media technophile. Pop culture junkie. Aspiring amateur cosmonaut and global revolutionary. Karaoke enthusiast. Angelica is a Digital Marketing Specialist, filmmaker, and TEDxSanAntonio Programming Chair. Every story is important. It’s her mission to help bring stories to life, visually captivate audiences, cultivate relationships, & express a vision that resonates well into the future."Find her at 
matageli.com. I met her at TEDxSanAntonio, where she was curating the best talk in our year, Eric Dorsa's "How Dressing in Drag Made Me Uncover Myself." 



8. The Tale of the Challenge


Bryan Rutberg (@BryanRutbergMe) is a communication and leadership facilitator, consultant and speaker with his firm 3C Communications.. He's even a speechwriter! Here he is giving some great tips on how to handle Q&A, one of many sets of tips you'll find on his blog/vlog:




His webiste is 3ccomms.com.


Wednesday, February 8, 2017

Good, Free, Sources for Photos that You Can Reuse, Part 2: Crowdsourcing with Facebook and Reddit

By Steven S. Vrooman

The photos on your blog or PowerPoint are not as good as they should be. Come on, be honest with yourself.

A few months ago I wrote a huge blog post that shared a bunch of places you can go to find free photos that are actually good. Today I am writing about two new sources for interesting, creative photos that don't stink.

Aren't you tired of the apocalypse of terrible, obviously staged "funny" stock photos that we throw up on PowerPoints for one or two chuckles from that guy who always laughs at those things but slowly creeping ennui from the rest of the room?


And you can find them easily by Googling the kinds of stupid things we Google when we 1) procrastinate the introduction to the speech and try to find "funny" the day before or 2) forget that we work in a world where adults have brains and can use them if we ask them to instead of forcing us to coddle your devotion to broad stock photo jokes that only make people who laugh at everything laugh and make the rest of us wish our phone would ring so we could leave and pretend it was an emergency:


"yelling at computer"

"boring meeting"

In that previous post I tried to explain why you should get permission for images. Use things that people want you to use instead of stealing, is the idea. Go back to that post to get the reasons why we still need ethics in these confusing times.

But another answer is that you can increase connections by doing this stuff honestly!


If I get a message from you telling me that you are using my image in your presentation (if I listed it free for reuse), or if you ask for my permission to use the image, that makes a connection. Like the one I made with the creators of the zombie movie short Cargo when I asked for permission to use a film still in my book. They said yes and sent me a hi-res copy:



Cargo (2013)
Directed by Ben Howling &; Yolanda Ramke
Produced by Ben Howling, Yolanda Ramke, Marcus Newman &; Daniel Foeldes (Dreaming Tree Productions).
Production still provided courtesy of the filmmakers.
That connection can spread across social media if you let it. They might share a link to your blog post or book or t-shirt or whatever if you let them know. That's organic audience.

In response to my previous post in this series, a commenter on LinkedIn suggested that if you really want great photos you should pay the professionals who take them, often at reasonable rates. This is true. But if you are a blogger who does it out of passion, not for ad revenue, or if you are building a better PowerPoint for class, paid photos is not really an option.


Plus, it seems that the great benefit of the social web is that you can crowdsource tasks like this. You can ask and you will receive. The crowd doesn't just have wisdom, though. They are more likely to be in the right place at the right time. Need a one-in-a-million shot of something rare and strange? Good thing the world runs around with cameras in their pockets...
So where should you look for these great sources of images you are asking people for?


Facebook

Facebook, it turns out, has a search function that is good for more than finding out if someone you've been arguing politics with has unfriended you. I searched "beach pictures" and clicked "see all" in the first set of results, "Photos from Friends and Groups."

Now I have a bunch of cool pictures of what I wanted. People will likely say "yes" to my request to use them because they are, well, my FRIENDS, and it is likely that their pics, which they posted at a significant enough moment for them to share on social media, will already come with a caption-ed story. If not, you can always ask.

Here's what I got when I did this search today:

This is Trial Harbour, Ocean Beach in Tasmania:


Photo by Charlie Tyrell

When I asked Charlie for permission to use this picture, he sent me a higher resolution copy via email, since Facebook compresses them. He also said this when I asked him about his world travels:

"I always had a plan to live my life backwards. Work hard for 25 yrs, save, and then retire and travel. If needed, I can always come back at 60 and find a job again. You are much better working in your 60s, when you need good healthcare etc, and having your 40s for travel while you still have health."

Not a bad bit to add to whatever you are using beach picture for.

This is a photo by my cousin. We used to fight like cats and dogs as kids. I was older, so it really is all my fault (Sorry, again, Jessica! [But maybe not sorry enough to promise never to tag you in spider videos on Facebook]). She jogs on the beaches in Southern California and occasionally slows her pace to snap fantastic shots like this:


Photo by Jessica Vrooman-Hahn

The following picture was taken by a former student on a post-graduation trip to Costa Rica. I love the composition here. She says the following about her travels:

"A few years ago I was lucky enough to have a few family friends pay my way to Costa Rica. Day after day we went to beach after beach. The only worry we had was making it home before the rains came in."


Photo by Natalie Zuniga

This next one was my favorite of the few dozen I scrolled through. This was taken by an old high school friend (We went to Homecoming together once!) while she and her kid were hunting for Pokemon at Newport Beach in California at sunset. I just love the colors in this:


Photo by Tish Izquierdo-Purcell

Another picture I liked because of the color, and because the waves were a visual contrast to the other pics I'd chosen:


Photo by Bryan Mittelstadt

But when I messaged Bryan to ask for permission to use the photo, he immediately tagged me in some other beach pictures he'd taken that he liked even better. Take a look at these shots I had not seen in my searches:

Here's one at Forio di Ischia in Italy:

Photo by Bryan Mittelstadt

Not bad,eh? I'm sure you'll recognize this next location from his post-graduation travels:


Photo by Bryan Mittelstadt

I spent 6 minutes scrolling for pictures, another 5 minutes messaging everyone to ask for permission and then a bit more time later following up with everyone, which was a lot of fun, actually. Perhaps there were even better pictures to find if I spent a bit more time? Hard to believe I'd find better options, but still.

Googling things is soooooo 2005.



Reddit


Look, if you haven't been on reddit, there are things here you don't want to see. Porn. Death, Spoilers, etc. But usually those are labelled NSFW or NSFL ("not safe for life," noobs). And lots of content on reddit is sad reposts of other people's material. Reddit works on a popularity scheme where "upvotes" give people rank. So cool pictures will just be shared as if they were the original photos taken by the poster. You know, good old-fashioned lying and cheating for popularity.

But sometimes they are honest. You can always ask them and see.


Here are some good places to go:



/r/mildyinteresting

This is my favorite place. Usually these are just regular people who, because the whole world has cameras in their pockets, just happened to be able to take a cool pic of something, as it says, "mildly interesting," that just happened.

I scrolled the subreddit (as they call the topic pages on the site), found things I liked, messaged the people who posted the photos, and got all kinds of friendly permission.


For example, let's say you wanted to make the point that even small mistakes matter, I'd just throw up this image:



Photo by /u/TheFamousMrRed.
Choices made in visualization and design make a huge impact. Here, for example, is a maintenance person's labels of boxes that are "old":


This redditor responded back with permission to use, without attribution, within 5 minutes of my message.

Need an image to use as a metaphor for being small or just behind the curve?


This redditor just wanted credit as a /r/mildlyinteresting enthusiast.

Need a traffic metaphor that seems new to the audience (no more stop signs, please!)?



Another redditor who didn't want attribution.

Subtle, eh? Might take them a minute to get it. Perfect for a PowerPoint.

I suppose this picture of an imprint on a bed when someone was pulling on their pants is not quite safe for work, but I guess that depends on where you work. I'd throw this on a slide to talk about managing the impressions we leave.


A redditor, who, perhaps understandably, did not want a credit.

Feeling a bit out of place? Or, really, if you were doing a bit on Trump's relationship with red and blue America, you could do worse:



Anonymous redditor.

I know I'm piling on metaphoric uses of these images here, but really, you can't tell me you wouldn't be interested in the next picture. I'd let you look at it for a second and then suggest that, as with this image of a bullet in a tree that got turned into planks, conflicts and other things that are buried eventually come back to the surface.

This person wanted to be called "a kind reddit user."

I honestly don't know how I'd use this picture, but it is breathtakingly cool! These are shadows that are pixelated-looking because of LED streetlights.

Reddit user /u/Stevenswipe even wanted me to send him a link to this post when I finished it.

Sometimes we find exactly the right tools for the job:

This picture is by /u/AlbusSiriusPotter.

This redditor suggested these seagulls looked like lights. I like that, and I also like that they look like they are working in their own little cubicles.

This redditor said "Thanks for asking first."

Light and shadow. Life and death.


/u/Mr_Prolix posted this picture of his uncle's house.

I think this owl in the teabag is funny. In the comments on reddit, they provided the right pun: "sippin on some owl-grey."

The reddit comments gave a few more lesser puns, but reddit orders comments by "upvote," so the best are at the top. 

I saw this graffiti many years ago, before I walked around with a camera phone in my pocket, but thankfully someone else thought to snap it when they saw it:

Photo by Scott S.

Finally, my favorite picture, of ice on lug nuts. Again, I don't know exactly how I'd use this picture, but I imagine something about surprising beauty in the mundane? This was the best experience of the day, as the redditor who posted it offered up this extra information when I asked for permission, within minutes of my request: 

"If you want, here's a little more information on the picture; I was driving a truck to Jackson Hole in Wyoming. I was driving through the national park and they don't salt the roads (because the ice melt isn't very eco friendly). So I guess it's pretty rare to find icicles like this on lug nuts because the salt normally makes them melt off."

Posted to /r/mildlyinteresting

All these pictures and permissions represent a few minutes scrolling and a few minutes of messaging. Every day a new crop of interesting images comes to the top.



/r/pics /r/wtf etc.

There are sometimes some great things in these other picture-oriented subreddits, but there are a LOT of picture posts here that are clearly not taken by the people who posts them. Lots of video screencaps from all sources, etc. 

You can search for images within subreddits, and usually, the community being what it is, someone will identify a picture swiped from another source in comments. That will allow you to find an original source. Also, if you click over to the user who posted it, you can often see what kinds of things they typically post and get a sense of whether or not you can trust them for original content or not.


All of this is a bit of a headache, but think of the implications of reddit's upvote/popularity rankings, which determine what you see when you search. You know hundreds or thousands of people have already clicked a thumbs-up on this stuff. People like it. You are using a field-tested image that works.

Here, for example, was the top post to /r/pics one afternoon:


https://www.instagram.com/d_mccourt/

Not only did the photographer give me permission to share this on the blog, he also emailled me the original image at higher resolution. When you go to his Instagram, which is where he wanted his attribution to go, you can see that he takes pride in only sharing pictures he actually took.

I would use this image of a puddle, upside-down, for all sorts of things about perspectives or reflections. 


/r/historyporn /r/mapporn /r/carporn


Almost all of this stuff is DEFINITELY grabbed from somewhere else. But, as with /r/pics, people will often out the source, and, for some of the older stuff, these will be public domain photos anyway.

The whole "____porn" thing is odd, I know. The idea is that these things are as awesome to look at as porn, that you might just drool over the image, etc. I know. Ick. There's a whole series of groups like this on reddit.



Conclusion

Just as with the last blog post in this series, I'm not promising that these sources of images will take less time. But it will take less time than you think. Plus, you get the library shelf effect where you find something in the neighborhood that surprises you and takes your thoughts in a new, creative direction you didn't anticipate. Google, or even flickr, image searches often do not do that. You also get a narrative to make your picture work in your document, blog post or slidedeck, as well. You also have now connected with people who might be interested in sharing your work with others since you are sharing theirs. That's what happens in social networking, eh? Finally, you get to connect with people, which is inherently fun in this context, even if you are Gollum and don't like filthy hobbitses and live alone in a cave with your Precious. I have learned, in starting my podcast and now branching out to interviewing people I've never met who I connect with via social media, that having conversations with people, even via text, about something that people are passionate about or feel proud of or are just glad someone noticed, well, those are really awesome conversations.

And who says you shouldn't have fun while you are working?