當前位置:首頁 » 視頻封面 » 微信分享到朋友圈浮動層代碼

微信分享到朋友圈浮動層代碼

發布時間: 2021-08-09 10:00:54

1. 微信分享到朋友圈中的按鈕點擊在php代碼和輸出頁面代碼怎麼寫

下面是代碼(相關參數請自行修改):
function WeiXinShareBtn() {
if (typeof WeixinJSBridge == "undefined") {
alert("xxxxxxxxxxxxxxxxxxx,通過微信分享文章 ");
} else {
WeixinJSBridge.invoke('shareTimeline', {
"title": "xxx",
"link": "http://www.36kr.com",
"desc": "xxxxxxxx",
"img_url": "assets/images/apple-touch-icon.png"
});
}
}

2. html 如何讓微信里的html應用彈出「點擊右上角分享到朋友圈」的

一個分享按鈕,一個隱藏的圖片(這個圖片絕對定位在右上角)然後就是點擊顯示,點擊隱藏了。
<a href="javascript:;" onclick="document.getElementById('mcover').style.display='block';">分享到朋友圈</a>

<div id="mcover" onclick="document.getElementById('mcover').style.display='';" style="display: none;">
<img src="/public/images/guide.png">
</div>

對應樣式如下:
#mcover {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: none;
z-index: 20000;
}
#mcover img {
position: fixed;
right: 18px;
top: 5px;
width: 260px;
height: 180px;
z-index: 999;
}

3. android軟體開發我想實現微信分享到朋友圈顯示出標題的功能的代碼

微信和朋友圈的分享有區別,有幾個參數,標題,內容,圖片,url地址,微信好友分享會顯示標題和內容,圖片,點擊之後跳轉URL地址,朋友圈分享會顯示內容,圖片,點擊之後跳轉URL地址

4. html如何讓微信里的html應用彈出「點擊右上角分享到朋友圈」

  1. html如何讓微信里的html應用彈出「點擊右上角分享到朋友圈代碼格式如下:

#mcover {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.7);

display: none;

z-index: 20000;

}

#mcover img {

position: fixed;

right: 18px;

top: 5px;

width: 260px;

height: 180px;

z-index: 999;

}

5. 微信里的鏈接,提示要分享到朋友圈或者轉發才能看到內容是怎麼設置的

1、首先打開手機上的微信,進入頁面。

6. 分享到朋友圈和分享到微信好友的代碼

在微信裡面必須要有微信的公眾號的授權才可以,單純的JS沒辦法做到分享界面這種。

7. java怎麼實現微信分享到朋友圈功能

申請應用 AppKey
申請方法:訪問友推網站後台,登錄後進入應用列表,添加需要集成友推組件的 App,如下圖,添加成功後可獲取應用的 AppKey。
如何把app分享到微信
2
申請社交平台appkey
集成前您需要為您的應用在各大社交網站的開放平台申請賬號並通過審核,否則只能調用系統的分享菜單,無法跟蹤分享的回調事件及統計平台
如何把app分享到微信
3
引用youtui庫項目
將youtui-lib項目庫和應用工程放在同一個目錄下
在 Package Explorer 中右鍵點擊工程的根目錄,選擇 Properties(屬性),然後點擊,在Android選項點擊Add添加youtui-lib
如何把app分享到微信
4
注冊需要分享的平台
1.配置各分享平台key,該配置文件為youtui_sdk.xml,配置完放入工程的assets文件夾。
2.如果需要分享到哪個平台就將該平台的Enable屬性設置為true.
3.如果需要將某個平台排列到前面,只需要改變它在youtui_sdk.xml文件中的位置即可。
5
各平台需要注意的事項:
新浪微博:
新浪微博需要驗證應用簽名,請一定要在新浪開放平台管理中心應用信息 -> 基本信息 -> Android簽名包名信息 配置該信息
每次包名變化或者使用的.keystore變化都會導致應用簽名變化,請重新到新浪微博開放平台設置。
運行Demo時如果重新編譯,因為使用的.keystore文件變化也會導致應用簽名變化,導致Demo新浪微博分享無法正常工作,請運行Demo時使用Demo工程包中提供的debug.keystore替換C:\Users\Administrator.android中的debug.keystore文件
微信和朋友圈:
微信和朋友圈也需要驗證應用簽名,請在微信開放平台管理中心修改應用 -> 開發信息配置。
QQ和QQ空間:
QQ和QQ空間使用的是騰訊開放平台api,請在騰訊開放平台申請賬號和注冊應用,請不要使用QQ互聯(用於網站賬號登錄)的配置,雖然都是騰訊的,但是兩個平台並不通用,除了需要在youtui_sdk.xml配置信息,還需要在manifest文件中的android:scheme中的tencent後的一串數字換成自己應用的appid。
<?xml version="1.0" encoding="utf-8"?>
最後一行配置說明:選用調用系統分享菜單功能
在AndroidManifest.xml 注冊許可權
在 AndroidManifest.xml 注冊需要的Activity
微信和朋友圈回調設置
如果需要分享微信和朋友圈,必需建一個 應用包名+ .wxapi 的包,在該包下建 WXEntryActivity.java,將該類繼承cn.bidaround.youtui.wxapi.WXEntryActivity即可(裡面不用寫代碼)
public class WXEntryActivity extends cn.bidaround.youtui.wxapi.WXEntryActivity { }
如圖:(將com.xingxinglangtuoche替換成你應用的package名,微信回調會使用到)
如何把app分享到微信
初始化友推
開發者請在自己的程序開始,最好是在MainActivity的onCreate方法調用YtTemplate.init(this)初始化友推sdk,這樣友推sdk才能進行後續調用(否則分享等操作會出現空指針異常),例如:
protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); YtTemplate.init(this);/初始化友推/ initView(); } 應用退出時:
在您項目的出口Activity的 onDestroy 方法的第一行插入下面的代碼 YtTemplate.release(this); 此方法用於釋放內存,統計用戶使用情況,一旦調用了release,就必須重新調用init才能使用友推的功能,否則會出現空指針異常;
創建 ShareData 實例,調用該實例的set方法設置需要分享的數據: 創建ShareData實例,調用該實例的set方法設置自己需要分享的數據,關於該實例具體內容見下文,如果只是分享應用則只需要設置 setIsAppShare(true) 就可以分享應用在友推後台填寫的信息和下載鏈接。
ShareData 包含的欄位:
isAppShare text imagePath imageUrl description title target_url 判斷是否為分享應用 待分享的文字,簡訊要小於70個字元,微博要小於140個字元,如果需要分享鏈接,最好將鏈接url放在最後 待分享的本地圖片地址,分享圖片的話需要在本地和網路圖片中選一,如果都有則優先分享本地圖片 待分享網路圖片url,分享圖片的話需要在本地和網路圖片中選一,如果都有則優先分享本地圖片 待分享內容的描述 待分享內容的標題 待分享內容的跳轉鏈接
通過創建該類實例,調用實例的set方法設置這些參數,例如:
ShareData shareData = new ShareData(); shareData.isAppShare = false;//設置為true則分享的信息從友推後台填寫的應用信息中讀取,可動態更新,後面的值不用設置。 shareData.setDescription("友推積分組件"); shareData.setTitle("友推分享"); shareData.setText("通過友推積分組件,開發者幾行代碼就可以為應用添加分享送積分功能,並提供詳盡的後台統計數據,除了本身具備的分享功能外,開發者也可將積分功能單獨集成在已有分享組件的app上,");
shareData.setTarget_url("");
shareData.setImageUrl("");
shareData.setImagePath("");
各個平台分享數據的限制和注意事項:
因為各個平台的分享限制,請分享時盡量分享圖片+鏈接,依靠鏈接來了解更多信息
1) 微信 朋友圈 微信分享為linkcard形式,超出的文字部分不會顯示
2) 新浪微博 很低版本的新浪微博不支持發多類型微博,進行圖文分享時只會分享圖片,新浪微博分享消息最長為140字
3) QQ、QQ空間 QQ分享的消息最長40字,分享的標題最長30字,多餘的部分將被忽略,description將被忽略 QQ空間分享的消息最長200字,分享的標題最長600字,多餘的部分將被忽略,description將被忽略
4) 騰訊微博 只有image(imagePath或imageUrl)和text被分享,其他欄位忽略,騰訊微博分享消息最長為140字
5) 人人網 只有image(imagePath或imageUrl)和text被分享,其他欄位忽略
6) 簡訊 只有text被分享,其他欄位忽略
7) 郵件 只有text被分享,其他欄位忽略
如何把app分享到微信
調用友推分享推薦組件
為應用添加一個分享推薦按鈕,如:
如何把app分享到微信
在分享按鈕事件中調用youtui的組件即可,示例代碼:
public void onClick(View v) { if(v.getId()==R.id.popup_bt)
{ /調用友推分享推薦組件,YouTuiViewType類的常量為分享樣式參數,目前支持白色列表和黑色網格兩種/ /創建分享的模板,第一個參數為activity,第二個參數為分享窗口樣式,第三個參數為是否需要積分/
YtTemplate blackTemp = new YtTemplate(this, YouTuiViewType.BLACK_POPUP,false); //黑色網格樣式不需要積分活動 /YtTemplate blackTemp = new YtTemplate(this, YouTuiViewType.WHITE_LIST,ture);/ //白色列表樣式需要積分活動
ShareData shareData = new ShareData();
shareData.isAppShare = false;//設置為true則分享的信息從友推後台填寫的應用信息中讀取,可動態更新後面的值不用設置。
shareData.setDescription("友推積分組件");
shareData.setTitle("友推分享");
shareData.setText("通過友推積分組件,開發者幾行代碼就可以為應用添加分享送積分功能,並提供詳盡的後台統計數據,除了本身具備的分享功能外,開發者也可將積分功能單獨集成在已有分享組件的app上,快來試試吧 ");
shareData.setTarget_url("");
shareData.setImageUrl("");
shareData.setImagePath("");
blackTemp.setShareData(shareData);//設置默認的分享數據;shareData 設置參看4.6
//**如果要為某個平台設置不一樣的分享信息。則單獨設置*/ //blackTemp.addData(YtPlatform.PLATFORM_QQ, shareData); //調出分享窗口 blackTemp.show();
//如果需要自定義分享事件,可以創建監聽事件,然後在回調中處理 YtShareListener listener1 = new YtShareListener() {
@Override
public void onSuccess(ErrorInfo arg0)
{
}
@Override public void onPreShare()
{
}
@Override
public void onError(ErrorInfo arg0)
{
}
@Override
public void onCancel() {
}
};//給新浪微博添加分享監聽 blackTemp.addListener(YtPlatform.PLATFORM_SINAWEIBO, listener1);
//給QQ添加分享監聽 //
blackTemp.addListener(YtPlatform.PLATFORM_QQ, listener2); }

8. 如何實現分享網站文章到微信朋友圈時顯示指定縮略圖或LOGO

具體方法如下:
1)如果想在分享的文章中固定設置為貴公司的LOGO,可以在每一篇文章的內容中放一個隱藏的LOGO圖片,記住,不要使用Display:none;的方法設置,只需把img的width和height屬性都設置為0即可;
2)如果希望文章有圖片時抓取文章圖片作為縮略圖,內容中沒有圖片時默認使用公司的LOGO,則可以把隱藏的logo放到文章末尾,自然就能實現這樣的效果了。

解決方法:
在網站網頁 html 代碼中的<body>之後增加<img src="http://www.timsion.com/images/logo.jpg" width="0" height="0" />
注意事項:
1、這個logo.jpg圖片尺寸不能太小,在120*100以上就可以了。
2、圖片放到了body之後,微信應該會默認取頁面中第一種圖片。
3、用JPG圖片,如果格式是png的,微信朋友圈可能會直接把他忽略了。
4、width和height都設為0,style不能設置為Display:none。
5、把http://www.timsion.com/images/logo.jpg這個地址改成你的圖片地址。
通過這樣弄,分享到微信朋友圈的網址文章就會顯示縮略圖,而且是顯示文章內容中的第一張圖片。

9. 求一個HTML5,分享到qq空間,微信朋友圈的代碼(最好固定懸浮在頁面的某個位置,可以收縮)

青龍建站教程自學網上有的

10. 為什麼修改標題分享微信還是不變,微信分享到朋友圈,朋友JS代碼

最近很多群朋友問我,為什麼我修改網頁裡面標題和描述語,但是我分享在微信朋友圈和朋友以後的標題和描述語還是不變呢?其實大家修改的是網頁標題和描述語,沒有真正修改微信分享介面那部分描述語,所以才不會變的。

<script>

var imgUrl = "圖片地址";

var lineLink = "網址";

var descContent = '描述語';

var shareTitle = '標題';

var appid = '';

function shareFriend() {

WeixinJSBridge.invoke('sendAppMessage',{

"appid": appid,

"img_url": imgUrl,

"img_width": "200",

"img_height": "200",

"link": lineLink,

"desc": descContent,

"title": shareTitle

}, function(res) {

//_report('send_msg', res.err_msg);

})

}

function shareTimeline() {

WeixinJSBridge.invoke('shareTimeline',{

"img_url": imgUrl,

"img_width": "200",

"img_height": "200",

"link": lineLink,

"desc": descContent,

"title": shareTitle

}, function(res) {

//_report('timeline', res.err_msg);

});

}

function shareWeibo() {

WeixinJSBridge.invoke('shareWeibo',{

"content": descContent,

"url": lineLink,

}, function(res) {

//_report('weibo', res.err_msg);

});

}

// 當微信內置瀏覽器完成內部初始化後會觸發WeixinJSBridgeReady事件。

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

// 發送給好友

WeixinJSBridge.on('menu:share:appmessage', function(argv){

shareFriend();

});

// 分享到朋友圈

WeixinJSBridge.on('menu:share:timeline', function(argv){

shareTimeline();

});

// 分享

WeixinJSBridge.on('menu:share:weibo', function(argv){

shareWeibo();

});

}, false);

</script>

熱點內容
微信三天可見我還能看到對方朋友圈 發布:2021-08-17 15:55:04 瀏覽:114
微商神器x3朋友圈 發布:2021-08-17 15:54:12 瀏覽:667
微信朋友圈怎麼才能不壓縮視頻 發布:2021-08-17 15:53:58 瀏覽:746
af男裝微商 發布:2021-08-17 15:53:01 瀏覽:455
微信發朋友圈文字只顯示一行 發布:2021-08-17 15:53:01 瀏覽:775
微信怎麼看對方設置不看自己朋友圈 發布:2021-08-17 15:53:00 瀏覽:564
微商的萬斯是正品嗎 發布:2021-08-17 15:51:29 瀏覽:246
通過微信朋友圈加好友嗎 發布:2021-08-17 15:50:38 瀏覽:802
微信發了朋友圈之後怎麼修改 發布:2021-08-17 15:46:26 瀏覽:633
微商猜拳送手機詐騙怎麼辦 發布:2021-08-17 15:46:25 瀏覽:765