I am looking for any information on adding Google Adsense ads to products and the shop home page using SCCP. I have tried using the html button to insert the code directly in the details section of products and in the pages-shop home screen; neither of these have worked. The only thing that I have had any success with is adding the ad in the footer section of the custom markups between div tags; this worked, but is not where I would want an ad at the bottom of the page.
Ideally I would like a skyscraper type add to the right of my product descriptions and a banner type ad somewhere on the homepage. Has anyone had any luck with either of these?
I know a small amount about HTML, so detailed responses are greatly appreciated.
Thanks in advance.
Ideally I would like a skyscraper type add to the right of my product descriptions and a banner type ad somewhere on the homepage. Has anyone had any luck with either of these?
I know a small amount about HTML, so detailed responses are greatly appreciated.
Thanks in advance.
Dear James,
Do you use the Coffee Cup HTML Editor? If so, you have a nice HTML learning tool at your finger tips.
To my mind, positioning elements on a page is one of the more confusing things to learn about Web page design. The CC Editor gets the user around the problem by providing several generic layouts. That lets the user examine something that works and then build upon it with confidence. IMHO, these layouts alone are worth the CC Editor's price.
To try this, open the Editor and click
This brings up the Theme/Layout Chooser window. Browse the Default Layouts and HTML5 Layouts. Pick one that seems appropriate (perhaps one of the Two Column Fixed variations) and start a dummy project.
To ensure that you've been given what you requested, look at the resulting dummy page with a browser or with the Editor's built-in viewer. Then take a look at the HTML and CSS in the project's index.html file. You'll see how to "float" columns (or as you say, skyscrapers) on either side of the page.
With that clue and a bit of experimenting (similar to what you've already tried with div tags), you should be able to figure out something that works. For deeper understanding, check out tutorials available online, such as those found at http://www.w3schools.com/. Concentrate on firmly understanding the meanings of the CSS positioning properties.
Once you've got the problem nailed to the wall, why not post your site's URL on the forum and ask for comment?
Regards,
Halfnium
Do you use the Coffee Cup HTML Editor? If so, you have a nice HTML learning tool at your finger tips.
To my mind, positioning elements on a page is one of the more confusing things to learn about Web page design. The CC Editor gets the user around the problem by providing several generic layouts. That lets the user examine something that works and then build upon it with confidence. IMHO, these layouts alone are worth the CC Editor's price.
To try this, open the Editor and click
File >> New from Theme / Layout
This brings up the Theme/Layout Chooser window. Browse the Default Layouts and HTML5 Layouts. Pick one that seems appropriate (perhaps one of the Two Column Fixed variations) and start a dummy project.
To ensure that you've been given what you requested, look at the resulting dummy page with a browser or with the Editor's built-in viewer. Then take a look at the HTML and CSS in the project's index.html file. You'll see how to "float" columns (or as you say, skyscrapers) on either side of the page.
With that clue and a bit of experimenting (similar to what you've already tried with div tags), you should be able to figure out something that works. For deeper understanding, check out tutorials available online, such as those found at http://www.w3schools.com/. Concentrate on firmly understanding the meanings of the CSS positioning properties.
Once you've got the problem nailed to the wall, why not post your site's URL on the forum and ask for comment?
Regards,
Halfnium
halfnium -AT- alum.mit.edu
Yes, I looked just like that in 1962.
Yes, I looked just like that in 1962.
James give this a try. If you looking for a global solution place it in the custom markup header area. If it's a single page you targeting place it in the page area. You will have to mess around with the left and top to make it appear where you like. Also check to see if absolute positioning works better then relative. Preview in IE and FX before committing to a setting as IE seems to render stuff way different then any other browser.
<style type="text/css">
div#myadsense{width:50px;height:100px;left:-392px;top:-558px;position:relative; z-index:1000;}</style>
<div id="myadsense">My adsense code goes here</div>
div#myadsense{width:50px;height:100px;left:-392px;top:-558px;position:relative; z-index:1000;}</style>
<div id="myadsense">My adsense code goes here</div>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Thanks for the replies.
Eric, I tried implementing your code, however, the ad is still not displaying. I was getting a page not found error when testing with IE before, but that seems to be gone now.
The item I have been testing this with can be found at:
http://rodsdeals56.com/shop/viewitem.php?productid=8
This item is a perfect example of where I would like to put a skyscraper ad to the right of the description.
Most of my site hits are directly from google product searches, so ads on each product page would really increase my reneue.
I am still experimenting, just thought I would post some more information if anyone has had this problem before or has any suggestions for me to try.
Eric, I tried implementing your code, however, the ad is still not displaying. I was getting a page not found error when testing with IE before, but that seems to be gone now.
The item I have been testing this with can be found at:
http://rodsdeals56.com/shop/viewitem.php?productid=8
This item is a perfect example of where I would like to put a skyscraper ad to the right of the description.
Most of my site hits are directly from google product searches, so ads on each product page would really increase my reneue.
I am still experimenting, just thought I would post some more information if anyone has had this problem before or has any suggestions for me to try.
Ok this helps. What is the dimensions of the ad?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Adsense has a ton of ad sizes, that I will use to fix different product layouts....but for that particular item I would probably use the (120x420) vertical banner.
If we get the code working, I should be able to implement it in other ads without much problem.
Thanks for your help on this.
If we get the code working, I should be able to implement it in other ads without much problem.
Thanks for your help on this.
Like this?
http://progrower.coffeecup.com/shop/vie … groupid=28

http://progrower.coffeecup.com/shop/vie … groupid=28
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Yes, exactly like that.

Just a thought, but if it were me I wouldn't be putting ads for other products in places where I'm trying to sell my own stuff. Aren't you concerned that people will see an ad in your shop, follow it, and buy from another place instead of yours? I'm not sure if that's worth the $0.50 Google pays per click, or whatever it decides to be.
Any-who, what I would do is float the ad to the right.
<style type="text/css">
.ad1 {
display: block;
float: right;
width: 120px;
height: 600px;
}
</style>
<div class="ad1">
Google code
</div>
Make sure the CSS within the style tags goes into your CSS stylesheet
Any-who, what I would do is float the ad to the right.
<style type="text/css">
.ad1 {
display: block;
float: right;
width: 120px;
height: 600px;
}
</style>
<div class="ad1">
Google code
</div>
Make sure the CSS within the style tags goes into your CSS stylesheet

James did you see the instructions on my shop page?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.