How to Add Inventory or Web Sites to your Facebook Fan Page

[MattScalcione]

and now Brent's is working for me. Something is definitely going on..

 

[tijerin]

I saw that too last night, Matt. I found a work around that solves the problem if, and when, they shut off this workaround. I didn't create it, but it works using the same FBML code in my article. It just involves creating an app.

The tab still works on my page this morning though.

Also, Matt. For some odd reason, the Page Admin cannot see the results of the drop-down menu. If you log-out and THEN go to your page, you should be able to see it (especially if you used the same code as in my example).

 

[CFrentzen]

<script type="text/javascript" charset="utf-8">
function disp1(var1) {
if (var1=='link_1')
outside_location.setInnerFBML(link_1);
else if (var1=='link_2')
outside_location.setInnerFBML(link_2);
}
</script>
<form>
<select id="gowhere" onchange="disp1(document.getElementById('gowhere').getValue())">
<option>-Select below-
<option value="link_1">View Our Inventory
<option value="link_2">Visit Our Website
</select>
</form>
<div id="outside_location"></div>
<fb:js-string var="link_1"><fb:iframe width="760" height="1280" frameborder='0' src='http://backwebs.homenetinc.com/SalesDemo-ATijerina/browse/view_detailed/type_both/' /></fb:js-string>
<fb:js-string var="link_2"><fb:iframe width="760" height="1280" frameborder='0' src='http://www.homenetsalesdemo5.com/site/' /></fb:js-string>
<script type="text/javascript" charset="utf-8">
var outside_location = document.getElementById('outside_location');
</script>

Those highlighted spots: sorry, could someone tell me exactly how I would ask for that information from my DMS provider? Terminology to use would be great.

Thanks

 

[Billfred]

Those highlighted spots: sorry, could someone tell me exactly how I would ask for that information from my DMS provider? Terminology to use would be great.

Thanks

You'd probably get some embeddable version of your inventory site; eBizAutos does one for us (example: http://jim-hudson-pontiac-gmc-saab.ebizautos.com/website.aspx) that we use for our regular site.

 

[MattScalcione]

<script type="text/javascript" charset="utf-8">
function disp1(var1) {
if (var1=='link_1')
outside_location.setInnerFBML(link_1);
else if (var1=='link_2')
outside_location.setInnerFBML(link_2);
}
</script>
<form>
<select id="gowhere" onchange="disp1(document.getElementById('gowhere').getValue())">
<option>-Select below-
<option value="link_1">View Our Inventory
<option value="link_2">Visit Our Website
</select>
</form>
<div id="outside_location"></div>
<fb:js-string var="link_1"><fb:iframe width="760" height="1280" frameborder='0' src='http://backwebs.homenetinc.com/SalesDemo-ATijerina/browse/view_detailed/type_both/' /></fb:js-string>
<fb:js-string var="link_2"><fb:iframe width="760" height="1280" frameborder='0' src='http://www.homenetsalesdemo5.com/site/' /></fb:js-string>
<script type="text/javascript" charset="utf-8">
var outside_location = document.getElementById('outside_location');
</script>

Those highlighted spots: sorry, could someone tell me exactly how I would ask for that information from my DMS provider? Terminology to use would be great.

Thanks

Your set up is a bit different, your DDC site is fully integrated which means the inventory might be difficult to extract and get on Facebook cleanly. You could frame in the entire website like Brent did but it's not a good solution. I bet DDC has some sort of product in the works or already available for Facebook that would accomplish this for you. I'd check in with them before you start fiddling with this work-around.

If you used your inventory as is your code would look like:

<script type="text/javascript" charset="utf-8">
function disp1(var1) {
if (var1=='link_1')
outside_location.setInnerFBML(link_1);
else if (var1=='link_2')
outside_location.setInnerFBML(link_2);
}
</script>
<form>
<select id="gowhere" onchange="disp1(document.getElementById('gowhere').getValue())">
<option>-Select below-
<option value="link_1">View Used Inventory
<option value="link_2">View New Inventory
</select>
</form>
<div id="outside_location"></div>
<fb:js-string var="link_1"><fb:iframe width="760" height="1280" frameborder='0' src='http://www.keenechryslerdodgejeep.com/used-inventory/index.htm?reset=InventoryListing' /></fb:js-string>
<fb:js-string var="link_2"><fb:iframe width="760" height="1280" frameborder='0' src='http://www.keenechryslerdodgejeep.com/new-inventory/index.htm?reset=InventoryListing' /></fb:js-string>
<script type="text/javascript" charset="utf-8">
var outside_location = document.getElementById('outside_location');
</script>

 

[Brent Palen]

I was able to get it to work from other PC's around the dealership. All running various versions of IE. I am going to play with it a little though. Here is the link directly from the facebook page.

Do I have my Application Settings right? This is what it says;

Box: Available(Add)
Tab: Added (Remove)

This is all probably a little over my head.

 

[Brent Palen]

O.K. I tried another code. Found it here. Had to change the "scroll" to "yes" but I can't figure out how to make it fit (any suggestions)?

Let me know if it works. (Click Here)

 

[Mitchell Brenner]

DealerRater.Com also has a free app for their certified dealers that will put your inventory on Facebook.

Here's a link to my Facebook page. Inventory is under Classified Ads tab.

Precision Acura of Princeton Classified Ads | Facebook)

 

[AutoArchitech]

I always thought you could not add aps to commercial facebook pages. Personal ones yes, not commercial ones

 

[MattScalcione]

O.K. I tried another code. Found it here.
Let me know if it works. (Click Here)

I think I figured out the discrepancy we're experiencing from one PC to another. If you hit the Facebook link directly to your tab, it doesn't work.

Example: Holm Automotive Center Pre-Owned Vehicles | Facebook

But if you hit the page by visiting your Fan Page, then clicking the tab "Preowned Inventory" it works.
Holm Automotive Center | Facebook

I am guessing the Fan page collects needed session variables to pass to the tab that aren't there if you reference the tab directly. The JS error it tosses is: Error: a4949752878_link_1 is not defined. Arnolds page exhibits this same behaviour.

So using this method we are unable to link directly to tabs.. no big deal really, I can't think of a scenario where linking directly to the FB inventory tab would be necessary.

Had to change the "scroll" to "yes" but I can't figure out how to make it fit (any suggestions)?

Unfortunately there's no good answer here, your site is built optimally for the majority of web browsers (1024x768) and Facebook currently only supports 760px width for tabs. In fact with the new Facebook updates looming this real estate will be reduced to only 520px.