Updates from September, 2010

  • Link Your Brightcove Players Correctly = Grow Your Web Traffic

    Mat Giordano 8:57 am on September 17, 2010 | 1 Permalink | Reply
    Tags: analytics, , growth, web traffic

    So I filled out a Brightcove customer satisfaction survey a while ago, and gave some feedback about a feature I thought would be really cool: an intuitive way to share your video links and have them point back into the page they originated from, as opposed to going to link.brightcove.com.

    Earlier this week I started chatting with Jeremy Merle, the product design and user experience director at Brightcove via email about the feedback I left. We set up a call for this morning at 10 AM EST, so I could clarify what I meant.

    In the meantime, Brightcove rolled out Studio 4.2.1. In this release came a whole new level of analytics that’s available to everyone, including Attention Span analytics (which are really eye-opening) and other goodies like Engagement and Unique Viewers. The one I want to touch on here is Top Domains.

    I was looking at this and thinking “Hmmm…Brightcove.com is accounting for almost 1/4 of our video web traffic. There has to be a better way to dump those visits and pageviews back into our domains.”

    In essence, we’re sort of hemorrhaging web traffic because when people are sharing our videos via email, links, etc. from the players they end up at brightcove.com instead of back at our sites. One of our top referrers is Facebook; imagine if we could get all those views back to home base.

    I brought up this point to Jeremy this morning on our call, since it was essentially what I was wondering when I gave my feedback initially and he did some research and helped me out on how to fix it.

    Before I wrote this I went and looked at some other Entercom markets’ web properties and every one I saw was linked to link.brightcove.com, so I can assume a large chunk (if not all) of our markets need to make this fix. It’s as simple as going into the Publishing Module, clicking on the player you want to edit, changing the hosting URL back to the page you have the player embedded in, generating the code and replacing the embed code you already have.

    It gets a bit hairy there, though, since you want to make sure you are putting the embed code inside the CSS div in Vortal (and not deleting mobile/iPhone code), plus local webmasters don’t have access to the homepage template holding the chromeless player (and the Watch landing page is a Drupal page) so I’m assuming the Digital team would have to get involved at some point to help adjust this stuff. I know I’ll be putting in a request to get it done here.

    We’d really like to monetize our video content better in market here, and I think a little fix like this across all the players will grow our stats (and web traffic overall) quite nicely to make a stronger case to potential advertisers.

    To see an example of how it will work, I have published the updated player in our Froggy 101 video page. Just click “Get Link” within any video and see how the link generates a URL direct to that video inside of the player on the site.

    Merry Friday!

    UPDATE (9.20.10): As Dan M. noted in the comments below, you don’t actually have to go in and change your embed code after updating your ‘Publish Module’ settings; they update automatically. Check out  Dan’s comment for browser caching information.

     
  • Another Awesome Photo Contest

    Mat Giordano 8:46 am on July 16, 2010 | 2 Permalink | Reply
    Tags: 98.5 KRZ, , entercom wilkes-barre, photo contesting,

    Hey guys!

    We had the opportunity to use Artistic Hub’s photo contesting software again for a Pet Pageant in market, and it was another runaway success. I thought I’d share the stats and the process again on our last day of submissions, in case anyone wants to check them out further.

    We basically work directly with the provider, Artistic Hub, and I design on top of their contesting templates. They then slice up my design and place it on their software. We work out a contest timeline (submission deadline, winner date, etc.), fill out the auto-email copy, and then hit the ground running on our specified launch date. Easy, no hassle, and they are great to work with.

    As of today the contest has a little shy of 90,000 pageviews for about a 2 week period, accounting for around 52% of our total site traffic for 98.5 KRZ. We have had 1,053 submissions with a total of 948 images in voting, and a total of 1.6 million votes!

    We still have another week or so of voting, but this has really been a tried-and-true solution for us as far as rock solid photo contesting goes. Our sponsor for the contest, EasyPetStore.com, was a perfect fit. They offered free shipping on orders over $50 for all WKRZ listeners, and tossed up a grand prize of $500 to the winner.

    Great sponsor, solid stats, phenomenal social media integration (Facebook referred back about 15% of our total traffic) and the best photo contesting software I’ve used, this is a definite win for us here. Check out the contest for yourself!

    Happy Friday!

     
  • No-Image Email Design Experiment

    emarti 10:44 am on May 25, 2010 | 1 Permalink | Reply

    Are you tired of hearing about the limitations of HTML email design - specifically, how email browsers display (or don’t display) images? What’s a designer to do if you can’t rely on images to provide that hook to grab people’s attention? How do you create visual interest or a branded look and feel?

    Of course, images can be used, but the majority of email clients need to actively turn these images on. But I want people to see my email design instantly, and have my design go to work attracting attention and directing the viewer’s eye. After all, isn’t that the point of designing and creating HTML email in the first place?

    The Challenge

    So, I gave myself a challenge: design a visually engaging HTML email without using a single image. The biggest challenge of any designer is to work within the limitations of the project at hand. Fine, if images are a problem, I’ll do without them. It’s an extreme solution to the problem of blocked images, but one that is well worth investigating.

    Design

    Since this was just an exercise I wanted to keep it simple. So I needed a design “theme” that would be easy to implement. Since tables are the primary tool for HTML email layout, I decided to work with a grid of squares that could be combined and colored to break up the space and create visual interest. This grid layout would translate perfectly to the rigid structure of HTML tables.

    HTML Email Design Theme Without Images

    I created a fake company name (PixelMania) which helps make sense of the design elements. Maybe they sell old Atari games…

    Once I was happy with the design mock-up, and fairly confident I could create it solely with HTML, I was on to the next step.

    HTML

    For the sake of time – and just in case this experiment was doomed to fail anyway – I decided to build just a portion of the whole email. My thinking was, if it works for this one section of the email design, it will work for the entire layout and the hypothesis will be confirmed.

    I created a table that matched the 20-pixel x 20-pixel grid of the image layout. Then, I brought in an image of the design as a background of the table to use as a guide. The image was tinted so that when adding color to the table cells (described below), I could see the difference between colored and uncolored cells.

    HTML Table Grid with Email Design in Background

    I then combined cells where I needed to have space for text. Next, I added color to each individual table cell <td> tag, matching the layout of the image I placed in the background.

    Adding Color to HTML Table Cells

    Once all of the cells were colored, I removed the background image from the table. I then added all of the text into the layout and styled everything to match the design.

    Adding Text to HTML Email Design

    Testing

    Of course, as I built this email design I followed “best practices“, and coded it in a way that shouldn’t break in email browsers. But, as I’ve learned through trial and lots of error, never assume it’s going to work as envisioned. I sent a test to myself so I could see the results of the email in multiple browsers.

    Unfortunately my fears were realized. The grid I created did not hold its width in any of the email browsers tested. Even though I had set each <td> width to 20px the layout was squeezed when the preview pane was smaller than the total width of the email. This definitely won’t do.

    HTML Email Design Without Images - Email Test 1

    The only solution I could come up with was to use spacer images to hold the table cells in place. Rats, I had to use images after all. I created another row at the bottom of the table and inserted clear 20px wide gifs in each <td>. Time to retest.

    HTML Email Design Without Images - Email Test 2

    Success!

    Yes, images had to be used in the end, but only to maintain the HTML structure and not as a design element. I can live with that. I challenged myself to create a visually interesting and engaging email design without using graphics, and I’m happy with the end result.

    Implementing the above email design was a time consuming process, and may be difficult when working within the real world of deadlines and budgets. But, what this experiment hopefully demonstrates is that designers can always find graceful solutions to big problems by using their greatest asset: creativity.

    This email design experiment also opens up a number of other possibilities, such as:

    • Creating images from photographic sources using this HTML grid technique and coloring cells to match the sources
    • Creating images from colored X’s
    • Creating HTML text layouts – lots of words in different sizes, colors, and Web safe fonts

    From lyrishq.com

     
  • Life of the (3rd) Party

    Mat Giordano 11:45 am on April 23, 2010 | 1 Permalink | Reply
    Tags: , contesting software, SaaS, strutta

    Late Lunch

    Sitting here chowing on a bag of Cheetos during a late lunch and trying not to turn my keyboard orange, I thought it might be a good time to carve out a hot minute and write a post.

    It’s a nice thought to believe we can accomplish everything under our own hood in a rapid digital environment, but that’s about where it stops (a thought).

    The reality is if we want to fulfill bigger and better digital moxie when it comes down to a cluster or station situation (without the resources of a larger corporate initiative), sometimes the best direction to look in is at a 3rd party whose sole focus is providing the service you are looking for.

    I’m mainly speaking of web-based contesting solutions for the purpose of this little write-up, but the concept can definitely be more broad.

    The Contests

    We had the chance in our market to experiment with two great 3rd party platforms, San Diego-based Artistic Hub and Vancouver, BC-based Strutta. The former was our choice for a baby photo contesting platform, which as we all know can be a bit hairy to try and do on our own (from a legal and technical standpoint).

    Baby Pic Palooza UI.

    The super user-friendly upload process and addictive “battle-style” software was a huge win, considering the long-standing popularity of infant photography contests. Within a week we were near 1000 submissions and over one million votes. The beauty was that the software sits inside of your own domain, so it becomes a seamless part of your brand.

    One of the things that lets it stand out from other contesting software is that it runs on an algorithm that randomly pits photos against each other, and counts their win percentage in a relative manner (no matter when a user uploads) & essentially omits the usual “popularity” winner to truly make sure the best photo wins.

    I have plenty of in-depth stats for potential clients or for just pure traffic fun so if you are interested just email me.

    The second contest, which we used Strutta for, was a tad more experimental in nature but fun nonetheless. It’s a video-based contest for Mother’s Day in which we ask listeners to upload a :30 video of them stating What Makes Mom Beautiful and then voting on the entries.

    Video Entries page of our Mother's Day contest.

    This one got its own custom URL, custom rules from legal built into the page, its own analytics, and a custom design. At the time of this post we’re still in the submission round, but we’re hoping it will be a nice case study at its close.

    Wrap It Up

    Both contests have great social media integration out-of-the-box & are super easy to use, and the vendors were just excellent to work with.

    I designed each in market on top of a template and with some CSS ninja skills from my right hand man Tony Senés we were able to get these implemented and launched in a relatively timely manner.

    Would love feedback if any of you guys get a moment. My keyboard is definitely orange from Cheetos now.

     
  • Leading Options for Free Online Photo Editing

    emarti 9:48 am on April 13, 2010 | 0 Permalink | Reply

    From Vandelay Design Blog: Designers and photographers have a number of options when it comes to photo editing. Of course, Photoshop is the most popular software, but there are a number of websites that allow you to edit photos online. Depending on your needs, the full version of Photoshop may not be necessary. In this post we’ll look at 31 options for editing photos online. (More …)

     
  • Take Email Marketing to the Next Level

    emarti 8:36 am on April 5, 2010 | 0 Permalink | Reply
    Tags: , , HTML email

    Design HTML Email From the Top

    My fellow Webmasters: Will you join with me in proclaiming that this is the year we will take our email marketing to the next level?

    Let’s banish the days of the endlessly long email! No more will listeners receive messages filled with only images, resulting in a completely blank email that will more than likely be moved to the trash immediately!

    For all the time, money and effort put into our Email Marketing, we are doing a major disservice to ourselves and to our databases by not following Best Practices. (More …)

     
  • Wordpress for iPhone, Mockingbird, & Proposable

    Mat Giordano 8:16 am on February 18, 2010 | 2 Permalink | Reply
    Tags: , mockingbird, proposable, wireframing,

    Hey all!

    I had a personality that wanted to use the Wordpress app for iPhone and was getting errors trying to verify his blog. It’s as simple as enabling one setting for remote publishing, but by default it is off.

    As an admin, log into Wordpress (note: since we use Wordpress MU, you’ll have to enable this on each instance of your blogs) then fly open ‘Settings’ and click ‘Writing’ in the drop down.

    Under ‘Remote Publishing’ enable XML-RPC and save your settings. This publishing protocol will work dandy with the iPhone Wordpress app, making it even easier for your personalities to keep up-to-date content on the move.

    mockingbirdI’m working on a project in market with Tony Senes and some of the ITM folks to get some semblance of an ‘SLTS’ type video platform up and running for Mother’s Day. After a conference call with Amy and the guys we figured the easiest way was for me to design a phase 1 wireframe and send it along for feedback.

    Trying to get it done quick and make it shareable was a goal, so the next day I used Mockingbird to get it done. It’s free, fast and light. Just sending a link instead of bloating people’s inboxes is a treat; peep the wireframe here.

    Lastly, a friend of mine over at Sproutbox just launched Proposable with his company, a web application for moving sales proposals in the right direction (real-time selling).

    Knowing that proposals aren’t the easiest thing to create and manage, Proposable opts to solve that problem with an interface far superior to that of other similiar sites  salesproposals.com, et al.).

    Cheers!

     
  • 2010 Trust Barometer, Image File Types, IKEA?

    Mat Giordano 9:55 am on February 4, 2010 | 0 Permalink | Reply
    Tags: edelman, facebook, ikea, image type guide, , transparency

    Every year PR firm Edelman releases a trust and credibility report called the Edelman Trust Barometer . It’s still just a survey, but a great global point of registration for corporate responsibility. Interestingly enough, the 2010 survey shows trust and transparency now steering corporation’s global reputations just as much as quality of product. See the survey here.

    Unfortunately social media took a backseat in these results (sitting second to last, next to corporate advertising *eeek*). These are neat things to look at considering the world of internet radio, where we have our tentacles firmly attached into a bunch of these different compartments. How can we make a difference using online strategies to make our individual local brands more transparent and trusted? Probably some combination of personalities really embracing the web as a transparency platform & severely straight-forward business practices.

    Not to drone on and on about this stuff, I’m just a true believer in transparency. And I think it can help. This is just a survey though, so take it with a grain of salt:

    “The 2010 Edelman Trust Barometer survey sampled 4,875 informed publics in two age groups (25-34 and 35-64). All informed publics met the following criteria: college-educated; household income in the top quartile for their age in their country; read or watch business/news media at least several times a week; follow public policy issues in the news at least several times a week.”

    Anyhoo, on other graphic-ey webby stuff, don’t you always want to have a neat handy guide for rolling through image file types and figuring out which is best for your target? Here’s your handy image file type guide (from .TIFF to .PNG, .GIF & beyond).

    Doubling back on the social media front for a positive spin this was a brilliant, simple campaign for an IKEA store opening in Malmö, Sweden using Facebook tagging as a way to generate business on a budget. How could digital peeps in our markets apply this strategy easily to a campaign for a client? Quick video:



     
  • Drupal Gardens & Cupcakes.

    Mat Giordano 8:34 am on January 27, 2010 | 1 Permalink | Reply
    Tags: cupcakes, Drupal, drupal gardens

    As I figure out my plan of action for the day to stay uninformed about the Apple Tablet and just watch the keynote on my iPhone when I get home later (sounds much easier in theory) I thought I’d share a quick couple nuggets with everyone.

    Until now, we’ve really only seen Drupal as a service that requires us to download the core and run the code from a server. The beta launch of Drupal Gardens is possibly the Ning/Wordpress solution to that issue. Not as much a standalone web solution as it is a way to quickly set up microsites that are socially powered for promotional purposes, it presents itself as a really great tool for corporations such as ours to have in-market solutions for fast deployment.

    Plus it’s free until the end of 2010 – peep the demo below and then grab your invite here:

    Also in totally irrelevant news, these brain slug cupcakes by Alicia Traveria are Futurama-awesome. Carpe diem!

     
  • 4 Tips for Tweeting: Get Zen + Get Productive!

    emarti 12:41 pm on January 19, 2010 | 0 Permalink | Reply
    Tags: tips,

    4 Quick, Easy Tips that even a seasoned Tweeter should take a look at. Or if you’re just beginning, these are great points to start with!

     
    http://mashable.com/2010/01/12/zen-socia...

    1. Approach With a Beginner’s Mind


    meditation image“In the beginner’s mind, there are many possibilities; in the expert’s, there are few.” – Zen Master Suzuki Roshi

    It seems that more and more people are claiming to be experts of one kind or another, and many of them are using social media. In fact, recent reports suggest that there are now over 15,700 people claiming to be social media experts on Twitter.

    There is nothing wrong with experts. I am sure many who claim to be are quite skilled and knowledgeable. However, the question is not only how much we know, but how much are we willing to learn from our time on social media?

    The person who thinks he “knows” or is an “expert” is often less open to new learning. In the age of social media, things change so fast that what we knew about a subject yesterday may not apply to today. What matters is less about what we knew in the past, and much more about how open we are to learning today. This applies especially to social media.

    Lesson: Rather than focus on what you know when engaging in social media, focus on what you can learn.


    2. Give What You Want to Receive


    baton imageZen student asks, “I am very discouraged. What should I do?”” Zen teacher responds, “encourage others.”

    There are countless ways that social media can help us with everything from our business to our social life. However, while there is much to gain from social media, we could also say there is much to give to social media too. From a Zen perspective, it is important to give what we wish to receive. Want to find more customers for your business on Twitter (Twitter) or Facebook (Facebook)? Help others find customers for their business. Feel like you deserve more praise online? Praise others more. Want more people responding to your tweets? Respond to their tweets more. Tired of reading meaningless tweets? Make the effort to post meaningful ones yourself.

    If we approach social media focused exclusively on what we can gain or what we think we should get, we set up a division in our relationships, one that often ends up preventing us from receiving the very thing we seek. When we give what we want to receive, it changes the dynamic such that, ironically, we are more likely to get what we seek.

    Lesson: Focus not only what you can gain but also what you can give.


    3. Only Add Useful Content


    speak no evil image“Do not speak unless you can improve on silence.” — Zen saying

    The tools of social media give us countless ways to share content with people across the world. They do very little, however, to ensure that content is useful or purposeful. There is often the belief that to be active and effective on social media one has to post consistently, letting people know throughout the day what we are doing and thinking.

    However, just as great music is in part the relationship between sound and silence, we could say that for Twitter and Facebook updates, what matters is not just the content of our posts, but also the amount of space between them. I am sure we all likely follow people on Twitter who may not tweet everyday, but when they do, we are excited to read what they post. It is the quality of their tweets that matters more than the quantity of them.

    Lesson: Post not to fill empty space, but to add value.


    4. See Differently


    vision image“Look out from the frameless window of a long pause. Let the images come to you rather than chasing outward after them…. If you want to see differently, you’ll have to look differently.” — Ji Aoi Isshi

    A key element to Zen is to focus not only what exists in the external world, but to also be attentive to the internal lens from which we view it. If a cup is filled half way with water, one person could see it as half empty, another as half full. The cup, however, is what it is.

    In the same way, we can have a million followers on Twitter, then look at Ashton Kutcher who has over 4 million, and think, “I am way behind” and approach the service with the desire to “catch up.” Or we can have 20 followers, and think, “Cool, twenty people want to read my tweets,” and engage with Twitter from a positive state of mind. The number of followers we have often has little to do with the positive or negative attitude with which we approach the service. What matters is less about our number of followers, and much more about how we “see” or “look” — the mental approach we take.

    Lesson: Focus more on the mental approach you take, and less on comparing yourself with others.

     
c
compose new post
j
next post/next comment
k
previous post/previous comment
r
reply
e
edit
o
show/hide comments
t
go to top
esc
cancel