Close Menu
SalesforceCodex
    Facebook X (Twitter) Instagram
    Trending
    • The Ultimate Guide to Data Cleanup Techniques for Salesforce
    • How to Leverage Model Context Protocol (MCP) to Enhance Salesforce AI
    • Top Mistakes Developers Make in Salesforce Apex Triggers
    • Introducing Agentforce3 to Salesforce Developers
    • The Ultimate Guide to Apex Order of Execution for Developers
    • How to Handle Bulkification in Apex with Real-World Use Cases
    • How to Confidently Manage Transactions in Salesforce Apex
    • Building a Dynamic Tree Grid in Lightning Web Component
    Facebook X (Twitter) Instagram
    SalesforceCodex
    Subscribe
    Saturday, August 2
    • Home
    • Salesforce Platform
      • Architecture
      • Apex
      • Lightning Web Components
      • Integration
      • Flows & Automation
      • Best Practices
      • Questions
      • News
      • Books Testimonial
    • Industries
      • Artificial Intelligence
    • Hire Me
    • Certification
      • How to Prepare for Salesforce Integration Architect Exam
      • Certification Coupons
    • Downloads
      • Salesforce Release Notes
      • Apex Coding Guidelines
    • About Us
      • Privacy Policy
    • Contact Us
    SalesforceCodex
    Home»Salesforce»Logo Recognition using Google Cloud Vision in Salesforce

    Logo Recognition using Google Cloud Vision in Salesforce

    Dhanik Lal SahniBy Dhanik Lal SahniJuly 31, 2020Updated:January 15, 20252 Comments4 Mins Read
    Facebook Twitter Pinterest LinkedIn Tumblr Email
    Logo Recognition using Google Cloud Vision in Salesforce
    Share
    Facebook Twitter LinkedIn Pinterest Email

    Logo recognition allows companies to detect where on the web their brand logo appears. Companies pay hefty amounts to sponsor events and raise brand visibility. This brand awareness benefits companies in different ways like new leads and sales, keeping the brand at the top of customer minds.

    Artificial Intelligence can help in recognizing a brand that is floating on the internet. There are many software and APIs which can help us in recognizing the company logo. Below is a list of top logo detection APIs

    • Google Vision AI
    • Brandwatch Image Insights
    • Clarifai
    • GumGum
    •  LogoGrab

    In this post, I will explain logo detection using Google Cloud Vision API. I will try to integrate other APIs as well for logo detection in future posts.

    Google Cloud Vision API can detect popular product logos within an image. We can detect logos by passing URL or base64-encoded-image. In Salesforce, we already have base64 data of images in ContentVersion object so we can easily pass that into the request body. For processing images using URL, we can use chatter feed URL for the image.

    Let us go with step by step guide for integrating Google Cloud Vision API for logo detection. Below steps are required for API call

    • Get Access Token from Google to call API
    • Create Apex class to call API
    • Create LWC Component to show brand

    1. Get Access Token from Google to call API

    Refer to the blog Integrate Google API with Salesforce to get access token for Google Cloud Vision API.

    You need to enable Google Cloud Vision API for access token from https://console.cloud.google.com/apis/library/vision.googleapis.com. Use the below scope in GoogleAuthService class.

    private static string scope='https://www.googleapis.com/auth/cloud-vision';

    2. Create Apex class to call API

    Let us create apex class to call Google Cloud Vision API. We have to use auth token generated from the above step. We have to get auth token from custom metadata GoogleAuthSetting__mdt before calling API. We are updating this metadata in the previous step after getting token.

    API Detail

    API Url : https://vision.googleapis.com/v1/images:annotate

    Above API will be called as POST method. For this post, I am using blob image to get brand information. Sample JSON request data will be like this

    {
      "requests": [
        {
          "image": {
            "content": "base64-encoded-image" //This will be content version data
          },
          "features": [
            {
              "type": "LOGO_DETECTION"  // type for logo detection
            },
          ]
        }
      ]
    }

    Response data will be like this.

    {
      "responses": [
        {
          "logoAnnotations": [
            {
              "mid": "/m/045c7b",
              "description": "salesforce",
              "score": 0.980325,
              "boundingPoly": {
                "vertices": [
                 ...........// index detail
                ]
              }
            }
          ]
        }
      ]
    }

    Request, response and API call will be like below code. LogoRequest and LogoResponse are wrapper classes for above request and response JSON data.

    Apex Method Detail :

    getAccessToken : This method will get token detail which is generated from step 1 and used in getLogo methods.

    getLogoCases: This will get all cases which is for logo recognition. This will used in LWC to show dropdown selection.

    getImage : This will get image information related to case. Image is shown in frame to visualize which image is being processed by API.

    getLogoInformation: This will get brand information by calling Google Cloud Vision API. It will return list of brands on images.

    LogoInformation wrapper class list is returned with brandName and accuracy score.

    By default, Google Cloud Vision API returns 10 rows. If you need to get more rows similar to our demo image then provide maxResults value. This attribute shows how many rows Google API will return. The attribute is set up in getLogo method in request parameters.

    3. Create LWC Component to show brand

    Create LWC component to show and process image. Based on shown image and case, it will process request.

    When LWC Component is opened, it will show list of all case which is created as Logo Recognition record type.

    handleCaseChange : This will call apex method getImage to get image and show that in iframe.

    getBrandDetail: This will call apex method getLogoInformation to get brand information and show in datatable.

    Sample Output:

    Logo Recognition by SalesforceCodex.com

    Demo Video:

    Reference:

    https://cloud.google.com/vision/docs

    https://cloud.google.com/vision/docs/detecting-logos

    https://developer.salesforce.com/docs/component-library/documentation/en/lwc

    google google api google cloud vision lightning lightning component Lightning web component lightning-combobox lightning-datatable lwc salesforce
    Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
    Previous ArticleView S3 File in Lightning Web Component
    Next Article Dynamic Image Map in Salesforce Lightning
    Dhanik Lal Sahni
    • Website
    • Facebook
    • X (Twitter)

    With over 18 years of experience in web-based application development, I specialize in Salesforce technology and its ecosystem. My journey has equipped me with expertise in a diverse range of technologies including .NET, .NET Core, MS Dynamics CRM, Azure, Oracle, and SQL Server. I am dedicated to staying at the forefront of technological advancements and continuously researching new developments in the Salesforce realm. My focus remains on leveraging technology to create innovative solutions that drive business success.

    Related Posts

    By Dhanik Lal Sahni6 Mins Read

    How to Leverage Model Context Protocol (MCP) to Enhance Salesforce AI

    July 28, 2025
    By Dhanik Lal Sahni7 Mins Read

    Top Mistakes Developers Make in Salesforce Apex Triggers

    July 25, 2025
    By Dhanik Lal Sahni14 Mins Read

    The Ultimate Guide to Apex Order of Execution for Developers

    July 20, 2025
    View 2 Comments

    2 Comments

    1. Sonal Kapoor on April 9, 2021 8:59 pm

      Very Nice and informative stuff. Its very helpful
      What if based on text need to return logo of a brand?

      Reply
      • Dhanik Lal Sahni on April 17, 2021 9:51 pm

        Hello Sonal, Please elaborate your use case in detail. As per your question, You want to download logo based on text provided from multi logo image? You can tryout https://clearbit.com/logo for logo download based on brand name.

        Thank You,
        Dhanik

        Reply
    Leave A Reply Cancel Reply

    Ranked #1 Salesforce Developer Blog by SalesforceBen.com
    SFBenTopDeveloper
    Ranked #4 Salesforce Developer Blog by ApexHours.com
    ApexHoursTopDevelopers
    Categories
    Archives
    Tags
    apex (116) apex best practices (5) apex code best practice (10) apex code optimization (6) Apex logging (4) apex rest (11) apex trigger best practices (6) architecture (22) Asynchronous apex (9) AWS (5) batch apex (10) best code practice (4) code optimization (9) custom metadata types (5) design principle (9) flow (16) google (6) google api (4) integration (19) integration architecture (6) lighting (8) lightning (66) lightning-combobox (5) lightning-datatable (10) lightning component (32) Lightning web component (64) lwc (53) named credential (8) news (4) optimize apex (5) optimize apex code (6) optimize apex trigger (5) Permission set (4) Queueable (9) queueable apex (4) rest api (23) salesforce (150) salesforce apex (52) salesforce api integration (5) Salesforce Interview Question (5) salesforce news (5) salesforce question (5) solid (6) tooling api (5) Winter 20 (8)

    Get our newsletter

    Want the latest from our blog straight to your inbox? Chucks us your detail and get mail when new post is published.
    * indicates required

    MailChimp

    Expert Salesforce Developer and Architect
    Ranked #1 SALESFORCE DEVELOPER BLOG BY SALESFORCEBEN.COM
    Featured on Top Salesforce Developer Blog By ApexHours
    Recent Posts
    • The Ultimate Guide to Data Cleanup Techniques for Salesforce
    • How to Leverage Model Context Protocol (MCP) to Enhance Salesforce AI
    • Top Mistakes Developers Make in Salesforce Apex Triggers
    • Introducing Agentforce3 to Salesforce Developers
    • The Ultimate Guide to Apex Order of Execution for Developers
    Ranked in Top Salesforce Blog by feedspot.com
    RSS Recent Stories
    • Top 10 Salesforce CRM Trends to Watch in 2025 July 18, 2025
    • Discover the Top 10 Salesforce AppExchange Apps to Boost Productivity July 10, 2025
    • Top 20 Salesforce Data Cloud Interview Questions & Answers for Admins June 5, 2025
    • How to Connect Excel to Salesforce to Manage Your Data and Metadata February 9, 2025
    • Difference Between With Security and Without Security in Apex January 2, 2025
    Archives
    Categories
    Tags
    apex (116) apex best practices (5) apex code best practice (10) apex code optimization (6) Apex logging (4) apex rest (11) apex trigger best practices (6) architecture (22) Asynchronous apex (9) AWS (5) batch apex (10) best code practice (4) code optimization (9) custom metadata types (5) design principle (9) flow (16) google (6) google api (4) integration (19) integration architecture (6) lighting (8) lightning (66) lightning-combobox (5) lightning-datatable (10) lightning component (32) Lightning web component (64) lwc (53) named credential (8) news (4) optimize apex (5) optimize apex code (6) optimize apex trigger (5) Permission set (4) Queueable (9) queueable apex (4) rest api (23) salesforce (150) salesforce apex (52) salesforce api integration (5) Salesforce Interview Question (5) salesforce news (5) salesforce question (5) solid (6) tooling api (5) Winter 20 (8)

    Get our newsletter

    Want the latest from our blog straight to your inbox? Chucks us your detail and get mail when new post is published.
    * indicates required

    Facebook X (Twitter) Instagram Pinterest YouTube Tumblr LinkedIn Reddit Telegram
    © 2025 SalesforceCodex.com. Designed by Vagmine Cloud Solution.

    Type above and press Enter to search. Press Esc to cancel.

    Ad Blocker Enabled!
    Ad Blocker Enabled!
    Our website is made possible by displaying online advertisements to our visitors. Please support us by disabling your Ad Blocker.