Skip to main content

Sticker Trending

Retrieves currently trending stickers from Giphy. Stickers are animated images with transparent backgrounds, and this node returns the most popular and viral stickers of the moment, perfect for staying current with trending reactions and expressions.

Common Properties​

  • Name - The custom name of the node.
  • Color - The custom color of the node.
  • Delay Before (sec) - Waits in seconds before executing the node.
  • Delay After (sec) - Waits in seconds after executing node.
  • Continue On Error - Automation will continue regardless of any error. The default value is false.
info

If the ContinueOnError property is true, no error is caught when the project is executed, even if a Catch node is used.

Inputs​

This node has no input parameters. It automatically fetches current trending stickers from Giphy.

Options​

  • Limit - The maximum number of trending stickers to return. Default: 25. Recommended: 10-50.
  • Offset - Results offset for pagination. Default: 0. Use to retrieve additional trending stickers.
  • Rating - Content rating filter. Options:
    • g - Suitable for all audiences (default)
    • pg - Parental guidance suggested
    • pg-13 - Parents strongly cautioned
    • r - Restricted to adults
  • Bundle - Rendering optimization type. Options:
    • Efficient Clip Grid - Optimized for grid display
    • Quick GIFs - Fast-loading (default)
    • Efficient Sticker Layering - Optimized for sticker overlays
    • Low Data Usage GIFs - Smaller file sizes
  • API Key - Your Giphy API key credential for authentication. Required for all requests.

Output​

  • resp - API response object containing:
    • data - Array of trending sticker objects with transparent backgrounds
    • pagination - Object with total_count, count, and offset
    • meta - API status information

How It Works​

  1. Retrieves authentication credentials
  2. Constructs API request with parameters
  3. Sends GET request to Giphy's trending stickers endpoint
  4. Returns the most popular stickers with transparent backgrounds
  5. Trending data updates frequently to reflect current viral content
  6. Perfect for discovering what reactions and expressions are currently popular

Example Usage​

msg.Limit = 10;
// After execution:
let topSticker = msg.resp.data[0].images.original.url;
msg.Limit = 20;
msg.Rating = "g";
// Display in sticker picker or gallery
msg.trendingStickerGallery = msg.resp.data.map(s => ({
    url: s.images.fixed_height.url,
    id: s.id,
    title: s.title
}));
msg.Limit = 15;
msg.Bundle = "sticker_laying";
// Get stickers optimized for messaging overlays
// Scheduled automation to track trends
msg.Limit = 25;
// After execution:
let trends = {
    timestamp: new Date().toISOString(),
    stickers: msg.resp.data.map(s => ({
        id: s.id,
        title: s.title
    }))
};
database.insert('trending_stickers', trends);

Common Use Cases​

  1. Sticker Recommendations - Suggest popular stickers to users
  2. Messaging Apps - Display trending stickers in sticker pickers
  3. Social Media - Include trending stickers in stories or posts
  4. Trend Analysis - Track sticker trends over time
  5. Content Discovery - Help users discover current popular reactions
  6. Engagement Features - Show "Hot Right Now" sticker collections
  7. Marketing Insights - Understand current visual communication trends
FeatureTrending StickersTrending GIFs
BackgroundTransparentOpaque
Use CaseReactions, overlaysStandalone content
Typical ContentEmojis, reactionsMemes, clips
Best ForMessaging, decorationEntertainment, sharing

Tips​

  • Refresh Frequently - Update every 1-2 hours for current trends
  • Transparent Backgrounds - All stickers work as overlays
  • Bundle for Overlays - Use "sticker_laying" bundle for best overlay performance
  • Size Selection - Choose appropriate sizes for your platform
  • Cache Briefly - Cache for 30-60 minutes to balance freshness and API usage
  • Filter by Rating - Ensure appropriate content for your audience
  • Track Engagement - Monitor which trending stickers users select

Response Structure​

{
  "data": [
    {
      "type": "gif",
      "id": "trending_sticker_id",
      "url": "https://giphy.com/stickers/...",
      "images": {
        "original": {
          "url": "https://media.giphy.com/.../giphy.gif",
          "width": "480",
          "height": "480",
          "has_transparency": true
        },
        "downsized": { ... },
        "fixed_height": { ... }
      },
      "title": "Trending Sticker Title",
      "rating": "g",
      "trending_datetime": "2024-01-15 12:00:00"
    }
  ],
  "pagination": {
    "total_count": 500,
    "count": 25,
    "offset": 0
  },
  "meta": {
    "status": 200,
    "msg": "OK"
  }
}

Best Practices​

  1. Cache trending stickers for 30-60 minutes
  2. Verify transparency support in your application
  3. Use appropriate size formats for your use case
  4. Display top 10-15 trending stickers for clean UI
  5. Implement lazy loading for better performance
  6. Track user interaction with trending stickers
  7. Refresh during peak usage hours
  8. Test rendering on various backgrounds

UI Integration​

// Display trending sticker picker
function displayTrendingStickers(stickers) {
    let picker = document.getElementById('sticker-picker');
    picker.innerHTML = `
        <h3>Trending Stickers</h3>
        <div class="sticker-grid">
            ${stickers.slice(0, 12).map(sticker =>
                `<img src="${sticker.images.fixed_height_small.url}"
                      onclick="selectSticker('${sticker.id}')"
                      alt="${sticker.title}">`
            ).join('')}
        </div>
    `;
}

Caching Strategy​

// Cache with timestamp
let cache = {
    data: null,
    timestamp: null,
    ttl: 60 * 60 * 1000 // 1 hour
};

function getTrendingStickers() {
    let now = new Date().getTime();

    if (cache.data && (now - cache.timestamp) < cache.ttl) {
        return cache.data;
    }

    // Run Sticker Trending node
    cache.data = msg.resp.data;
    cache.timestamp = now;
    return cache.data;
}

Analytics​

// Track trending sticker usage
function trackStickerSelection(sticker, position) {
    analytics.track('trending_sticker_selected', {
        sticker_id: sticker.id,
        position: position,
        is_top_trending: position === 0,
        timestamp: new Date().toISOString()
    });
}

Performance Tips​

  1. Use lower limit values (10-15) for faster responses
  2. Implement pagination for browsing more stickers
  3. Lazy load sticker images for better performance
  4. Cache trending results with short TTL
  5. Use optimized image formats for your platform
  6. Consider bundle options for specific use cases
  7. Monitor API usage during high-traffic periods