Added idName prop

mcontigo · Dec 3, 2019 · 1bb1c6b · 1bb1c6b
1 parent 81532b4
commit 1bb1c6b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "react-gpt",
-    "version": "2.0.12",
+    "version": "2.0.13",
     "description": "A react display ad component using Google Publisher Tag",
     "main": "lib/index.js",
     "jsnext:main": "es/index.js",

diff --git a/src/Bling.js b/src/Bling.js
@@ -29,6 +29,12 @@ class Bling extends Component {
          * @property id
          */
         id: PropTypes.string,
+        /**
+         * An optional string to be used as prefix to element id.
+         *
+         * @property idName
+         */
+        idName: PropTypes.string,
         /**
          * An optional string to be used as container div class.
          *
@@ -748,7 +754,7 @@ class Bling extends Component {
 
     render() {
         const {scriptLoaded} = this.state;
-        const {id, className, outOfPage, style} = this.props;
+        const {id, idName, className, outOfPage, style} = this.props;
         const shouldNotRender = this.notInViewport(this.props, this.state);
 
         if (!scriptLoaded || shouldNotRender) {
@@ -785,7 +791,7 @@ class Bling extends Component {
             Bling._adManager.googletag.destroySlots([this._adSlot]);
             this._adSlot = null;
         }
-        this._divId = id || Bling._adManager.generateDivId();
+        this._divId = id || Bling._adManager.generateDivId(idName);
 
         return <div className={className} id={this._divId} style={style} />;
     }

diff --git a/src/createManager.js b/src/createManager.js
@@ -222,8 +222,8 @@ export class AdManager extends EventEmitter {
         this._syncCorrelator = value;
     }
 
-    generateDivId() {
-        return `bling-${++this._adCnt}`;
+    generateDivId(idName = "bling") {
+        return `${idName}-${++this._adCnt}`;
     }
 
     getMountedInstances() {