Using HTML to show a swf flash banner in Joomla 3.1
In a previous tutorial, we showed you how to create a Joomla 3.0 banner using an image. Not all banners are images however, some banners may be flash banners (.swf files) for example. To show a flash banner, you will need to enter HTML code when creating the banner (instead of defining an image as the banner).
Steps for using HTML as a banner in Joomla 3.0:
In the following steps we'll show you how to create a banner using HTML instead of an image. If your banner is not an image, most likely it will be a flash banner, but it could be any HTML that you'd like. These steps assume that you already have the HTML ready that you want to use.
- Log into your Joomla 3.0 admin dashboard
- In the top menu, click Components and then click Banners
- Click New in the top left of the page
- Enter the details of your new banner and then click Save in the top left of the page. These are the details we entered:
Name Enter a name for your banner. This name will not appear on your website, but will instead show in your joomla dashboard, and help you manage this particular banner.
We entered My Flash Banner
Category Select a category for the banner. If you plan to use many banners on your site, you may find it to be a good idea to create categories to help organize your banners.
We haven't created an categories yet, so we left this option as Uncategorised
Type Select Custom as the banner type. Custom Code After setting Custom as the banner Type, you will see a Custom Code textbox appear. This is where you will need to enter the HTML that is required for your banner. We entered the following code:
<object type="application/x-shockwave-flash" data="http://domain.com/banner.swf" width="150" height="100">
<param name="movie" value="http://domain.com/banner.swf">
<param name="wmode" value="opaque"> <param name="flashvars" value="direct_link=true">
<embed src="http://domain.com/banner.swf" width="150" height="100" wmode="opaque" flashvars="direct_link=true" />
That's all there is to it! After you've created a banner module to show this banner, you're flash / HTML banner will now show on your Joomla 3.0 website.
We value your feedback!
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
new! - Enter your name and email address above and we will post your feedback in the comments on this page!
Working with Banners in Joomla 3
Creating and Showing Banners
|1.||How to create a new image banner in Joomla 3.1|
|2.||Using HTML to show a swf flash banner in Joomla 3.1|
|3.||How to show a banner in Joomla 3.1|
Banner Categories and Clients
|4.||How to create a banner Category in Joomla 3.1|
|5.||How to create a Banner Client in Joomla 3.1|
Impression and Click Data
|6.||Tracking Banner Impressions and Clicks in Joomla 3.1|
|7.||How to change Joomla 3.1 Banner Sizes|
|8.||Controlling which windows banners open into in Joomla 3.1|
|9.||Rotating Banners in Joomla 3.1|
|10.||How to show Joomla 3.1 banners side by side|
2014-01-20 10:49 am
This works perfectly, however, the hyperlink does not want to work, so I cant track the links sent from a flash file??
2014-01-20 11:02 am
Could you clarify what you are referring to? Any links within the flash object will be something defined within the flash itself and would not be modified within your website code.
2014-01-20 11:05 am
Yah I am aware of that, if you have a look at this site http://eventstuff.co.za/ at the flashbanner next to the logo, you will see that I cant get the Joomla banner component to link to the website this banner is intended to go
2014-01-20 11:10 am
To clarify, are you stating that the correct banner is not displaying, or is this supposed to be a link to another location when clicked?
2014-01-20 11:13 am
The correct banner is displaying, and yes it is supposed to link to the location you specify in the banner component so you can view your tracking stats for click throughs, as it functions with a jpeg image
2014-01-20 11:18 am
A change like this would be something that needs to be made to the code within the flash object itself. Unfortunately, this is not something that would be done within Joomla or within any code for the site itself. I was, however, able to locate a 3rd party article on how you can modify the flash object to link to a remote location within Adobe Flash:
URL Buttons in AS3
2014-01-20 11:22 am
Thanks for your help, this can be achieved using flex banner component, just would have preferred it to be handled by Joomla Banner Component