Overview
The Click Listing iFrame allows seamless embedding of offer listings on your webpage. It dynamically loads offers based on the transaction_id, which must be generated via Pingtree.iFrame Code
Use the following iFrame code snippet to integrate the Click Listing:Requirements
- The parent page URL must contain a valid transaction_id generated via Pingtree.
- Ensure the iFrame source URL is accessible from your domain.
- The iFrame dynamically sends URL parameters to load relevant offers.
Implementation Steps
- Generate transaction_id: Obtain a transaction_id through Pingtree.
- Embed the iFrame: Add the provided iFrame code snippet to your webpage.
- Ensure URL Parameters: Verify that the transaction_id is present in the page URL.
- Test the Integration: Load the page and confirm that offers display correctly.
Technical Information
- iFrame Communication: The iFrame uses postMessage to send the URL search parameters to the embedded content.
- Security Considerations: Ensure the iFrame is loaded from a trusted source to prevent security risks.
- Cross-Origin Policy: If the iFrame is hosted on a different domain, ensure that the server allows cross-origin resource sharing (CORS).
- Responsive Design: The iFrame is set to width=“100%” and height=“100%”, making it adaptable to different screen sizes.
Website Integration Guidelines
- Page Structure: Embed the iFrame in a section with adequate space to display the offer listings.
- SEO Considerations: Since content inside the iFrame is not indexed by search engines, ensure relevant metadata is present on the parent page.
- Performance Optimization: Avoid unnecessary scripts that may slow down the iFrame loading.
- User Experience: Ensure smooth scrolling is enabled (scrolling=“yes”) for better usability.
Troubleshooting
- If offers are not loading, check if the transaction_id is present in the URL.
- Ensure there are no restrictions blocking the iFrame content.
- Verify that the Pingtree system is generating valid transaction IDs.
- Check browser console for errors related to cross-origin policies or network failures.