The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.
|
 |
|
Dev Shed Forums
> Web Design
> Flash Help
|
Flash CS3 - Need help embedding Flash Banner to my webpage...
Discuss Need help embedding Flash Banner to my webpage... in the Flash Help forum on Dev Shed.
Need help embedding Flash Banner to my webpage... Flash Help forum discussing all products originally created by Macromedia including DreamWeaver, Contribute, Flash, Fireworks, Freehand, Director, Authorware and HomeSite. Adobe bought Macromedia in 2005.
|
|
 |
|
|
|
|
|
Dev Shed Forums Sponsor:
|
|
|
February 26th, 2008, 05:08 PM
|
|
Registered User
|
|
Join Date: Feb 2008
Posts: 11
Time spent in forums: 2 h 51 m 10 sec
Reputation Power: 0
|
|
|
Flash CS3 - Need help embedding Flash Banner to my webpage...
I am a beginner at Flash and have uploaded my freshly published .swf and .html files to a folder in my website. I tried to view my banner but I got this error claiming that I needed the "AC_RunActiveContent.js" file to get the Flash to work. So I finally uploaded that file and got the .html file to work fine but, now what I need to do is be able to embed my banner into my blogs and friends pages. I understand the basics of embedding Flash content. I understand it goes something like this:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="(URL)=8,0,0,0" width="400" height="150" id="banner" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="banner.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="banner.swf" quality="high" bgcolor="#ffffff" width="400" height="150" name="banner" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="(URL)" />
</object>
Now when I try this, it simply does not work. Can anyone help me get this embedding process to work? Thank you for any assistance!
|
February 26th, 2008, 06:33 PM
|
|
Gotta get to the next screen..
|
|
Join Date: Nov 2003
Location: Legion of Dynamic Discord
|
|
Heya, there are several methods listed in the forum sticky How to deal with the click to activate message. I recommend the UFO solution.
To get that to work you have to do is download the UFO zip file. Inside that you will find two files (amongst others) called "ufo.js" and "ufo.swf". You need to place those on your server, for the sake of argument we'll say you put them in the root directory.
Between the head tags in your HTML file you need to put:
Code:
<script type="text/javascript" src="ufo.js"></script>
<script type="text/javascript">
<!--
var FO = { movie:"banner.swf", width:"400", height:"150", majorversion:"8", build:"0", xi:"true" };
UFO.create(FO, "ufoDemo");
// -->
</script>
Now further down the page, inside your body tag you need to create a div placeholder. This will get replaced with the appropriate code by the UFO js file. The code above takes the divs id as the second argument for the create function. The thing that is neat with this is that if they don't have the right Flash player installed the ufo.swf file is used to prompt them to download the latest version from the Adobe server but without leaving your page. If they don't have Flash installed at all or they don't have js enabled they will see what ever is inside the place holder div aka alternative content. In your case you could use that to show a static image tag representation of your banner:
Code:
<div id="ufoDemo">
<img src="banner.png" width="400" height="150" alt="adammacrosses banner" />
</div>
Another usage of the alt content is to have a plain text description stating you need Flash to view the site along with a link to the Flash player download url.
There are lots of examples of its usage on the UFO site and there is a full example in the zip. Of course you can try any of the other methods but the only one I use is UFO. They mostly all follow the same principles though.
__________________
Quis custodiet ipsos custodes?
|
February 27th, 2008, 07:58 AM
|
|
Registered User
|
|
Join Date: Feb 2008
Posts: 11
Time spent in forums: 2 h 51 m 10 sec
Reputation Power: 0
|
|
HI Tann San: Still have the problem of posting my banner on blogs...
When one posts a flash banner one doesnt use <head> and <body> html tags, Right? I am just trying to embed my flash banner at sites like Myspace and other blogs. I have seen people embed flash videos with the <object> and <embed> tags like when people embed Youtube files on their blogs. So as you can imagine I am very confused. In anycase I have downloaded UFO and uploaded the .swf and .js to my server's root directory.
I just want to point out to you that I have been able to get my banner.html file that my Flash cs3 created during the publishing process to work. You know I enter the url and I see my banner.html working. I see the banner working perfect. I just can not embed this banner onto my blogs. What should I do?
|
February 27th, 2008, 09:05 AM
|
|
Gotta get to the next screen..
|
|
Join Date: Nov 2003
Location: Legion of Dynamic Discord
|
|
Hi, I didn't see that you wanted to use it on myspace. That's a different ball of thread. Checkout this code generator to get what you can use with myspace. This page on the same site details how to use that code.
|
February 27th, 2008, 01:54 PM
|
|
Registered User
|
|
Join Date: Feb 2008
Posts: 11
Time spent in forums: 2 h 51 m 10 sec
Reputation Power: 0
|
|
Greetings again. I have tried that Flash Banner Now website you suggested but to no avail. Well what I do get when I preview the code that I entered is a blank white rectangle in the exact shape of my banner but that is it. It is not click-able also. This is highly frustrating. I also posted the same code I got from the Flash Banner Now website up at my Blog spot blog and I got the same darn white rectangle. Like I said I am clueless as to why my banner is not showing. Any more suggestions?
|
February 27th, 2008, 03:08 PM
|
|
Gotta get to the next screen..
|
|
Join Date: Nov 2003
Location: Legion of Dynamic Discord
|
|
|
on that site they do state that your banner won't be clickable on myspace, something myspace implement prevents that functionality (on purpose). The white rectangle would indicate that the path to the swf file has not been specified correctly. Try using an absolute path.
|
February 27th, 2008, 04:14 PM
|
|
|
|
i'm curious... why do you prefer UFO over SWFObject?
|
February 27th, 2008, 06:14 PM
|
|
Registered User
|
|
Join Date: Feb 2008
Posts: 11
Time spent in forums: 2 h 51 m 10 sec
Reputation Power: 0
|
|
Alright well Tann, I uploaded my banner.swf to Imageshack and from Imageshack I got the embeding code. I pasted it in Myspace and my Blogger blog page and it works. (but of course you cant click it at myspace). But here are still 2 unresolved issues :
1. when I tried to get it to work from my server ((using what I beleive to be the " absolute path "))with the Flash Banner Now website code, it did not work.
2. also, when I tried to get it to work with the absolute path from the Image Shack site from the code I got from Flash Banner Now, it also did not work.
Perhaps Flash Banner Now is pumping out crappy code?
And isn't there a way to make the embedding code myself with out needing to rely on the Flash banner now website?
I just want to say thank you for being patient and helping me.
Quote: | Originally Posted by Tann San on that site they do state that your banner won't be clickable on myspace, something myspace implement prevents that functionality (on purpose). The white rectangle would indicate that the path to the swf file has not been specified correctly. Try using an absolute path. |
|
February 28th, 2008, 03:14 AM
|
|
Gotta get to the next screen..
|
|
Join Date: Nov 2003
Location: Legion of Dynamic Discord
|
|
|
mistergoomba - UFO feels well organised and supports everything I've needed in the past straight out of the box. SWFObject feels more like a hash of different peoples plugins. Like there was the initial SWFO and then people started making their own sub versions which if good enough got merged into the main body. UFO on the other hand was just made to do it all from the ground up. It's really down to personal preference. At this point in time they all mostly do the same things, I just got on the band wagon earlier on when they didn't.
adammacross - it might of helped if you posted what you thought the absolute path was. Doesn't matter. I meant two ways;
Method 1 - For testing on your site
/banner.swf
// or if you have it in a sub directory called swf
/swf/banner.swf
Method 2 - For testing from a remote location like MySpace
http://www.yoursite.com/banner.swf
// or if you have it in a sub directory called swf
http://www.yoursite.com/swf/banner.swf
I only gave the Flash Banner Now code a quick once over and glimpsed that it had an object and embed tag. Paste the code it gave you here and I'll have a closer look.
|
March 2nd, 2008, 11:24 PM
|
|
Registered User
|
|
Join Date: Feb 2008
Posts: 11
Time spent in forums: 2 h 51 m 10 sec
Reputation Power: 0
|
|
|
Hey Tann San...They wont let me post URLs here because I am a newbie so I sent a message with the code to your Facebook account. Hope to talk to you soon.
|
March 3rd, 2008, 04:33 AM
|
|
Gotta get to the next screen..
|
|
Join Date: Nov 2003
Location: Legion of Dynamic Discord
|
|
Hi, what you've done there is copy n pate the code after the forum has stripped the urls out of it, this is what I received:
Code:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="(URL address blocked: See forum rules)=8,5,0,175" width="400" height="150">
<param name="movie" value="(URL address blocked: See forum rules)" />
<param name=FlashVars value="clickTAG=http%3A//(URL address blocked: See forum rules)/americangameralbum/americangamerdlcenter.html" />
<param name="menu" value="false" />
<param name="scale" value="exactfit" />
<param name="AllowScriptAccess" value="always" />
<embed src="(URL address blocked: See forum rules)" FlashVars="clickTAG=http%3A//(URL address blocked: See forum rules)/americangameralbum/americangamerdlcenter.html" width="400" height="150" menu="false" scale="exactfit" AllowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="(URL address blocked: See forum rules)" />
</object>
I go in and out of phases with NerdCore stuff, it's mostly funny to listen to whilst not really being ideal bg music whilst working. My fav is 1337 G33k B3at although I've only got two tracks.
Like I said before; your clickTag code probably won't work since from what I read MySpace blocks links from Flash files. You might be able to wrap the entire object code in a normal href link though. I'd say first things first; get your banner showing up and take it from there.
You should be able to post links now, it's only a restriction for your first 5 posts to deter spammers.
|
March 3rd, 2008, 09:43 AM
|
|
Registered User
|
|
Join Date: Feb 2008
Posts: 11
Time spent in forums: 2 h 51 m 10 sec
Reputation Power: 0
|
|
Hey Tann...well I tried going to the Flashbannernow links you provided me inorder to input my urls and get the embedding code but that link is now defunk...all I get is a page where you can design your own banner...there is no option to input your own .swf url anymore! I have tried to fill in the code I sent you propperly with the original links I had to the .swf file and hyperlink. But this brings up the issue of how can I be self sufficient in making my own embedding code so I do not have to depend on flashbannernow.com?
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="(URL address blocked: See forum rules)=8,5,0,175" width="400" height="150">
<param name="movie" value="(http://www.example.com/americangameralbum/banner/AGbannerClickable.swf)" />
<param name=FlashVars value="clickTAG=http://www.example.com/americangameralbum/americangamerDLcenter.htmll" />
<param name="menu" value="false" />
<param name="scale" value="exactfit" />
<param name="AllowScriptAccess" value="always" />
<embed src="(http://www.example.com/americangameralbum/banner/AGbannerClickable.swf)" FlashVars="clickTAG=http://www.example.com/americangameralbum/americangamerDLcenter.htmll" width="400" height="150" menu="false" scale="exactfit" AllowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="(URL address blocked: See forum rules)" />
</object>
Last edited by Tann San : September 5th, 2009 at 05:29 PM.
|
March 3rd, 2008, 10:05 AM
|
|
Gotta get to the next screen..
|
|
Join Date: Nov 2003
Location: Legion of Dynamic Discord
|
|
this is all the code you should need:
Code:
<object data="http://www.example.com/americangameralbum/banner/AGbannerClickable.swf?clickTAG=http://www.example.com/americangameralbum/americangamerDLcenter.html" type="application/x-shockwave-flash" height="400" width="150"></object>
Last edited by Tann San : September 5th, 2009 at 05:29 PM.
|
March 8th, 2008, 07:14 PM
|
|
Registered User
|
|
Join Date: Mar 2008
Posts: 3
Time spent in forums: 59 m 47 sec
Reputation Power: 0
|
|
|
Hey i have exactly the same problem Adam , I've been trying to post the banner up at work for weeks , always reading on various web pages and forums that all i need to add some extra code but none have worked up 2 now , i notice that Tan Sann managed to get the code to work and be click-able for your banner. have you any idea as to what adjustments to the created banner code need to be made to get it to post . I cant post my code . but i was getting just a white box on myspace where the flash is supposed to be where as when i preview it on my server and flash program it works fine. any ideas please ...i'm desperate
|
March 9th, 2008, 04:17 AM
|
|
Registered User
|
|
Join Date: Feb 2008
Posts: 11
Time spent in forums: 2 h 51 m 10 sec
Reputation Power: 0
|
|
Hello Tann. The code you gave to me was right except that the sizing was off. You got the width and height wrong but after I changed those numbers it came out perfect  IT worked on my own html page I made, my Blospot blog and Myspace (Except for the clickablitiy because Myspace doesnt allow for banners to be clicked). Oh wait a second. I just checked all the links in Internet Explorer 7 and the code that uses <object> does not show. I remember reading something about this issue. I will post the three links here so you can see for yourself in I.E. Now I personally do not use I.E. but I know some people do. So its an issue. I was wondering if you had any ideas in how to get around this. Thank you so much Tann
http://www.example.com/americangameralbum/banner/bannerTEST.html
http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=152641854
http://caeious.blogspot.com/
One other thing. Myspace seems to add code to the original code that I enter in.
Here is the original code I enter:
Code:
Original Code from Imageshack (below)
<p>
<embed src='http://img99.imageshack.us/img99/7748/agbannerclickableshortlu3.swf' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='640' height='480'></embed>
<p><p>
Editted (resized) Code from Imageshack (below)
<p>
<embed src='http://img99.imageshack.us/img99/7748/agbannerclickableshortlu3.swf' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='400' height='150'></embed>
<p><p>
Code from Tann (below)
<p>
<object data="http://www.example.com/americangameralbum/banner/AGbannerClickable.swf?clickTAG=http://www.example.com/americangameralbum/americangamerDLcenter.html" type="application/x-shockwave-flash" height="400" width="150" ></object>
<p><p>
Editted (resized 400x150) Code from Tann (below)
<p>
<object data="http://www.example.com/americangameralbum/banner/AGbannerClickable.swf?clickTAG=http://www.example.com/americangameralbum/americangamerDLcenter.html" type="application/x-shockwave-flash" height="150" width="400" ></object>
When I go back to edit my post I see this:
Code:
Original Code from Imageshack (below)
<p>
<object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="480" width="640" data="http://img99.imageshack.us/img99/7748/agbannerclickableshortlu3.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://img99.imageshack.us/img99/7748/agbannerclickableshortlu3.swf" />
<param name="quality" value="high" />
</object>
<p>
<p>
Editted (resized) Code from Imageshack (below)
<p>
<object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="150" width="400" data="http://img99.imageshack.us/img99/7748/agbannerclickableshortlu3.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://img99.imageshack.us/img99/7748/agbannerclickableshortlu3.swf" />
<param name="quality" value="high" />
</object>
<p>
<p>
Code from Tann (below)
<p>
<object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="400" width="150" data="http://www.example.com/americangameralbum/banner/AGbannerClickable.swf?clickTAG=http://www.example.com/americangameralbum/americangamerDLcenter.html">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.example.com/americangameralbum/banner/AGbannerClickable.swf?clickTAG=http://www.example.com/americangameralbum/americangamerDLcenter.html" />
</object>
<p>
<p>
Editted (resized 400x150) Code from Tann (below)
<p>
<object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="150" width="400" data="http://www.example.com/americangameralbum/banner/AGbannerClickable.swf?clickTAG=http://www.example.com/americangameralbum/americangamerDLcenter.html">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.example.com/americangameralbum/banner/AGbannerClickable.swf?clickTAG=http://www.example.com/americangameralbum/americangamerDLcenter.html" />
</object>
So perhaps these extra <param/> tags are making it appear it in the I.E. 7 version of Myspace? I believe so because when I copy this code into my html document on my server, the banners appear in I.E. 7 except that now they can not be clicked! The original non-myspace tweeked code however works. I mean when I click on the banner it goes to the link. There is something in the <param/> tags that make it either clickable or non-clickable. Hmm. Perhaps it in the lines:
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
But maybe its in the <object> lines here:
<object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" ...
What do you think? I have no idea how to manipulate these lines. Any ideas?
Last edited by Tann San : September 5th, 2009 at 05:31 PM.
|
Developer Shed Advertisers and Affiliates
| Thread Tools |
Search this Thread |
|
|
|
| Display Modes |
Rate This Thread |
 Linear Mode
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
