ajax - Passing variables inside react components then to DFP -


i building component in react - inside of component first make ajax call service , take part of response (and other variables) , use inside of function advertisement through dfp. calls dfp working expected without problems - problem in ajax response , sending correct data on dfp.

i need lineitem set inside fetch , passed setpageleveltargeting()

import react 'react'; import proptypes 'prop-types'; import { gpt, applygptattributes, getmediamapping } './dfphelper';  class pubadrecs extends react.component { constructor(props) { super(props); // iu_szs in request header this.sizemapping =   this.props.sizemapping || getmediamapping(this.props.adsize || this.props.adname); this.setgptattributes(); this.state = {     mydata: [],     adrecs: false };   this.setpageleveltargeting = this.setpageleveltargeting.bind(this); this.lineitem = '123'; }  componentdidmount() { const channelff = 'firefly'; const size = 'fluidx1200x100x728x90x970x90'; const apiurl = 'https://api.mysite.com'; const adrecs = 'ad_recommendations/v1/recommendations';  fetch(`${apiurl}/${adrecs}`, {   method: 'post',   headers: {     'content-type': 'application/json'   },   body: json.stringify({     placements: [{ page_location: this.props.adname, placement_size: size }],     channel_id: '015d9e6b2e320201bec36788cb9a61d2',     channel_type: channelff,     page_type: this.props.pagetype,     search_term: '/c/55b0t',     category_id: this.props.page,     page_id: this.props.pagetype   }) }) .then( (data) =>  data.json() ) .then( (response) =>      this.setstate({         mydata: response,         adrecs: true     }), this.lineitem = 'testing' // **** value **** // this.lineitem = this.state.mydata.map( (mydata) => mydata.page_location) )}   // in case component removed stop attempting make ajax call! componentwillunmount() { // this.adrecsfetch.abort(); }  // applying gpt methods setgptattributes() {   applygptattributes();   this.setpageleveltargeting(this.props.page); }  // scp in request header getslottargetingparams() {   return {     as: `${this.props.page}${this.props.adname}`,     pos: this.props.adname   }; }  // iu in request header getadunitpath() {   const networkid = this.props.networkcode;   const adunitcode = this.props.adunitcode;   const adunitpage = this.props.pagecategory     ? `${this.props.pagetype}/${this.props.pagecategory}`     : this.props.page; return `/${networkid}/${adunitcode}/${adunitpage}`; }  // cust_param in request header  setpageleveltargeting() { const customparams = this.props.customparams || {};  const pagetarget = object.assign(   {},   {     n_cat: this.props.page,     fly: this.props.fly,     pt: this.props.pagetype,     line_item_id: this.lineitem // **** put value here ****   },   customparams ); object.keys(pagetarget).map(key => gpt.settargeting(key, pagetarget[key])); }  render() { console.log(this.lineitem);   if (!this.state.adrecs) {       return null   } return (   <div>      <h2 classname="h-sr-only" aria-hidden="true">third party advertisement</h2>     <gpt       adunitpath={this.getadunitpath()}       sizemapping={this.sizemapping}       targeting={this.getslottargetingparams()}     />     <p style={{ margin: '20px' }}>       ad recs text {this.state.mydata.map( (mydata) => mydata.page_location)}     </p>   </div> ); } }    pubadrecs.proptypes = {   adname: proptypes.string.isrequired,   adsize: proptypes.string,   networkcode: proptypes.string.isrequired,   adunitcode: proptypes.string.isrequired,   page: proptypes.string,   pagetype: proptypes.string.isrequired,   pagecategory: proptypes.string,   fly: proptypes.string.isrequired,   sizemapping: proptypes.arrayof(proptypes.object),   customparams: proptypes.object // eslint-disable-line react/forbid-prop-types };  export default pubadrecs;


Comments

Post a Comment

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m...
Read more

python Tkinter Capturing keyboard events save as one single string -

is possible store keyboard events 1 string? code below stores 1 char , prints it. card reader or bar code reader, contains collection of character/ string not 1 character @ time. goal save char pressed text variable. from tkinter import * root = tk() def key(event): text= event.char text+= event.char print ("pressed", text) def callback(event): frame.focus_set() print ("clicked at", event.x, event.y) frame = frame(root, width=100, height=100) frame.bind("<key>", key) frame.bind("<button-1>", callback) frame.pack() root.mainloop() currently, creating text variable , everytime key() function gets called, , text stores last character typed. you can define text module level variable , , use module level text inside key function - text = '' def key(event): global text text+= event.char print("pressed", text)
Read more

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -

here tables: create table customer ( cid int primary key, name varchar(32) ) create table ord ( oid int primary key, cid int foreign key references customer, address varchar(20) ) here's linq-to-sql statement: var aaa = c in db.customer select new { c, o = c.ord.tolist() }; and here's inexplicable query generated linq-to-sql: select [t0].[cid] [cid], [t0].[name] [name], [t1].[oid] [oid], [t1].[cid] [cid2], [t1].[address] [address], (select count(*) [dbo].[ord] [t2] [t2].[cid] = [t0].[cid]) [value] [dbo].[customer] [t0] left outer join [dbo].[ord] [t1] on [t1].[cid] = [t0].[cid] order [t0].[cid], [t1].[oid] i want understand how rid of count(*) part. it's entirely uncalled for! linq needs count(*) in order determine number of entries returned o = c.ord.tolist() .
Read more