Saturday, January 2, 2021

New Links for Products by TheseOldGames.com

I've always wanted links to DriveThruRPG to look like links to Amazon. However, most of DriveThruRPG doesn't work like that. If you look to the left of this post, you can see an example of what I wanted, which is an affiliate tool for the Daily Hot New Book. You can get that link by logging in to DriveThru and scrolling to the bottom of the Affiliate Resources Page.

The code looks like this (excuse the image, blogger doesn't like code tags):


It displays the ad like this:

Hottest New Book
City of Nexus | 20x30 Battlemaps [BUNDLE]
City of Nexus | 20x30 Battlemaps [BUNDLE]

By harvesting their code, you can change what is displayed by manipulating the code, like I did for my Swashbuckler Character Class.

Swashbuckler Character Class for D&D and AD&D

Swashbucklers for D&D and AD&D

You can get the product page link via the Social link on DriveThruRPG. 




That will automatically append your Affiliate Id to the link, which is super handy. The image associated with the product can be directly linked to by right clicking the thumbnail and copying the image address. Many times you can plug that image link right into the code.  

Zero to Hero: Uncommon Heroes
Zero to Hero
Zero to Hero

The thumbnail seems to be generated by .css, which will rescale the image to 139 by 196 for the product page. However, if the author uploaded a larger image, you will have to rescale the image and host it yourself. That happened to me with all of my products. I should probably go back and rescale all of the images so DriveThru does less work to display a thumbnail. 

Character Sheet for AD&D
Character Sheet
Character Sheet for AD&D

You can combine the code above with the table html to create side by side links, like I did below.


Kobold’s Folly Mini Setting
Kobold’s Folly
Kobold’s Folly
The Hex Pack
The Hex Pack
The Hex Pack
Compass Rose Inn Mini Setting
Compass Rose Inn
Compass Rose Inn


No comments:

Post a Comment