Netplus

Archive for the ‘web dev’ Category

Using Facebook for Logins to Your Website

Jim DelPizzo Tuesday, August 31st, 2010

Last year we helped the Deb shops run the Deb Model Search. One of the features we used was a simple login script. A user had to register with the site and give some information like name, email, username and a password in order to submit a profile or to vote. A registered user could only vote for a model once per day.

What ended up happening was some people used web applications to create fake email accounts as a way to get around the rules and vote for a model more than once a day. We ended up catching on to this when searching which email addresses were voting for the profiles.

One way to solve this is to use Facebook’s Single Sign-on (SSO). Using SSO as the registration process for your site enables users to log on with their Facebook account. Once a user logs in to your site with his or her Facebook account, you can access the user’s account information from Facebook, and the user is logged in to your site as long as he or she is logged in to Facebook.

This also enables social sharing with their friends on their walls when they submit or vote – integrating your site with Facebook.

To do this you need to be part of the Facebook developers group and create a new application to get an application ID. Here is some example code to set up a quick page to test:

define(‘FACEBOOK_APP_ID’, ’116515581710958′);
define(‘FACEBOOK_SECRET’, ‘a35d0afaddf41e092de8261f49d1f8c9′);

function get_facebook_cookie($app_id, $application_secret) {
$args = array();
parse_str(trim($_COOKIE['fbs_' . $app_id], ‘\\”‘), $args);
ksort($args);
$payload = ”;
foreach ($args as $key => $value) {
if ($key != ‘sig’) {
$payload .= $key . ‘=’ . $value;
}
}
if (md5($payload . $application_secret) != $args['sig']) {
return null;
}
return $args;
}

$cookie = get_facebook_cookie(FACEBOOK_APP_ID, FACEBOOK_SECRET);

?>

xmlns:fb=”http://www.facebook.com/2008/fbml”>

Your user ID is


Example of Facebook Login

When a user clicks on the login button a popup will appear with the facebook login box.

After the user logins in they will be presented with an access box which will allow your web site to connect to that users profile.

After the access window you now have access to the facebook user id stored as a cookie. You can use this ID in your code for registered users on your site. We used this feature in the RO*TEL Across America Recipe contest which uses the Facebook Login, Facebook Like, and Google Maps.

Diaspora, the anti-Facebook?

Martin Witiak Tuesday, June 1st, 2010

Diasproa, an idea from four New York University students disagree that online social sites, mainly Facebook, shouldn’t be allowed to have access and or own all the personal data that flows through their social networks. What Diaspora is aiming to do is to have no middle men like facebook, twitter, Google have access to your private data except you and your friends.

Diaspora aims to be a distributed network, where totally separate computers connect to each other directly. This sounds like peer to peer file sharing network. They even call each computer a “seed” as they do in the bit torrent world. Data sharing with only people you want to share with is the goal of Diasproa.

Set up might be the major drawback as many non- technical users might find it a little too difficult to comprehend as with bit torrents. But if they can figure that out , they just might have something. Until then keep up on your privacy settings on Facebook.

You can learn more about Diaspora @ http://joindiaspora.com/

Web Development News, Tips, and Tricks

Jim DelPizzo Thursday, May 27th, 2010

Today I’m going to bring you through another simple example of JQuery. Getting the basics of JQuery is really simple and can enhance your projects quickly.

Challenge
I want to put an image on a page and when you click that image, display an overlay with a flash game (could also be videos, an image, or even an external site) inside a modal box.

How to Implement
To solve this problem you could re-invent the wheel or use a very simple jQuery library from a website called no margin for errors. They have created a simple jQuery library which makes this overlay problem a simple fix. Click here to download their sample code.

At the top of the page you need to include the jQuery library from google and also the pretty photo library along with the style sheet.

Before the closing HTML tag you need to add this code

What this code does is set up all links on the page with the tag REL set to prettyPhoto to preform the pretty photo overlay.

Here is how you set up the links

The title information will show up under the content of the overlay. If you use an image the image alt tag will be the title of the overlay box.

Samples

Image linking to a video

Real World Example – image linking to a flash game

Web Development News, Tips, and Tricks

Jim DelPizzo Tuesday, May 11th, 2010

Where in the World Are You?

Have you heard of Foursquare, Gowalla, Loopt, Britekite, Google latitude, twitter location, Facebook location (which is due out soon); the new buzz of the web is who will be the leader on keeping tabs on your location. I have joined foursquare and google latitude and started checking in for a few locations around the office and my house, which begs the question how “social” do i want social networking?

For example Foursquare wants you to unlock your world, using your cell phone or text message (US only) by checking in to locations. Using your cell phone’s GPS functionality to tell you what is close to you, suggestions from other Foursquare users, and the ability to add locations. Once you check in you can let your friends know and also share this information on twitter and Facebook. If you have checked into a location the most you become the Mayor of that location. There are also discounts on some Foursquare locations where you could get drink specials if you check in to a location. Check out the video on Foursquare here.

Facebook will be launching their Geolocation based software soon which will integrate with the most popular site on the web. So what will happen when Geolocation hits the mainstream? How will brands use this information? Could be the rise of geotargeted pay per click or location based services; what a great way to target your customers.

This is going to be great for marketers but what about privacy? Do I really want the world and markets to know where i am all the time. If i am at the mall I don’t want text messages from say the Gap saying i could get a discount if i could stop in the store. Imagine all the junk text, emails, tweets, fB messages you would get by just walking around in the King of Prussia Mall. It would be nuts.

There will be a thin line on how people will want their information used. So there are a lot of i’s to dot and t’s to be crossed before everyone is loving geolocation. I think it will be here to stay…What are your thoughts? Concerns? Excited?

Check out Foursquare, Google Latitude, Gowalla, Loopt, and Britekite below


 

 

Microformats – Big Things Come in Little Packages

Jody Pirrello Friday, April 30th, 2010

Let’s start with the basics.

Microformats (or Rich Snippets, as named by Google) are a way of formatting data that’s both human- and computer-readable.

Put another way, they’re a way of formatting content on your web site for easy reading by both visitors and search engines. It’s like putting meta tags in the open for all to see. Search engines trust it because it’s data you’re showing your visitors and love it because it helps them create more relevant and robust results pages.

a sample search result with map and review

At current writing, there are 9 stable formats, 17 in draft format and a whole bunch in development (see the full list). Some examples include addresses, calendar entries, recipes, reviews and video.

Sample

Here’s a sample hCard entry to specify contact information (name, address, phone, etc).

If you’re familiar with HTML you’ll see that it’s not much additional work to create the address in the hCard format.

and here’s how it looks in a browser:

NetPlus
info@netplusmarketing.com
625 W Ridge Pike
Conshohocken , PA , 19428 USA
610.897.2380

By using the hCard microformat I’m telling search engines “Here’s my address” at the same time I’m telling visitors “Here’s my address.” By using the microformat instead of just inserting the address with any old HTML code, search engines know that’s the official NetPlus address and can do special things such as integrate a map in search results and use the address for local search.

Who uses them?

Google, Bing, Facebook, Twitter, Yahoo, Yelp and many others. There are a lot of big players on that list and there are many specialty sites looking for microformatted content as well.

The point is, if you don’t already offer microformats on your site or blog you better plan to add it soon.

How do they impact SEO?

Microformats impact search in several ways:

  • SERPs – Better visibility on a result page. Make that hard-earned first page placement earn the highest clickthrough it can.
  • Better data – Microformats tell search engines “here’s some good data for you.”
  • More access to data – A user can find your address, reviews, and local events all through data you published via a microformat.

Search engines are continually adding new support for microformats. When food network planned their site redesign they included hRecipe before any search engines started using it. This paid off when Google announced its support of recipe microformats earlier this month.

Tools

If you don’t want to mess around with formatting there are several generators available:

And once you have your microformat on your site you can test it with Google’s microformat validator.

Further Reading

  • Microformats.org – Specifications, getting started, recent news, code, tools, and several mailing lists.
  • Google Webmaster Central – Get the scoop on what Google supports and how to test your code.
  • Wikipedia – background, another list of formats, and more examples.
Related Posts with Thumbnails


 
Contact
NetPlus Marketing, Inc
625 Ridge Pike
Building E, Suite 200
Conshohocken, PA 19428
t: 610-897-2380
f: 610-897-2381

:: More information
:: Website

Work
:: View our reel

Login
login


  • index
  • index